Cp Experience Brand Hero Edit 

<div class="experience-brand-hero" data-module="experienceBrandHero" data-has-video="false">
    <div class="experience-brand-hero__background">
        <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
            <img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="">
            <picture class="image__container">
                <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
            </picture>
        </figure>
        <div class="experience-brand-hero__clip">
            <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                <img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="">
                <picture class="image__container">
                    <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
                </picture>
            </figure>
        </div>
    </div>
    <div class="experience-brand-hero__inner">
        <div class="grid-container">
            <div class="experience-brand-hero__content js-brand-hero-content grid-x grid-margin-x">
                <div class="cell medium-10 large-8">
                    <p class="experience-brand-hero__description"></p>
                </div>
                <div class="cell medium-2 large-4">
                </div>
            </div>
        </div>
    </div>
</div>
 
{{{customeditframe.editframeStart}}}
<div class="experience-brand-hero" data-module="experienceBrandHero"
     data-has-video="{{#if fullVideo}}true{{else}}false{{/if}}">
    <div class="experience-brand-hero__background">
        {{#if fullVideo}}
            {{> @cp-medium-video fullVideo}}
        {{else}}
            {{> @cp-medium-image responsiveImage}}
        {{/if}}
        <div class="experience-brand-hero__clip">
            {{#if fullVideo}}
                {{> @cp-medium-video fullVideo}}
            {{else}}
                {{> @cp-medium-image responsiveImage}}
            {{/if}}
        </div>
    </div>
    {{#if layeredSimpleImage}}
        <div class="experience-brand-hero__layered-image 
            {{#ifEquals layeredImagePosition "top-right"}} experience-brand-hero__layered-image--top-right{{/ifEquals}}
            {{#ifEquals layeredImagePosition "top-left"}} experience-brand-hero__layered-image--top-left{{/ifEquals}}
            {{#ifEquals layeredImagePosition "bottom-right"}} experience-brand-hero__layered-image--bottom-right{{/ifEquals}}
            {{#ifEquals layeredImagePosition "bottom-left"}} experience-brand-hero__layered-image--bottom-left{{/ifEquals}}
            {{#ifEquals layeredImagePosition "top-center"}} experience-brand-hero__layered-image--top-center{{/ifEquals}}
            {{#ifEquals layeredImagePosition "bottom-center"}} experience-brand-hero__layered-image--bottom-center{{/ifEquals}}"
             style="background-image: url({{layeredSimpleImage.src}});"></div>
    {{/if}}
    <div class="experience-brand-hero__inner">
        <div class="grid-container">
            <div class="experience-brand-hero__content js-brand-hero-content grid-x grid-margin-x">
                <div class="cell medium-10 large-8">
                    {{#if brandSimpleImage}}
                        <div class="experience-brand-hero__brand"
                             style="background-image: url({{brandSimpleImage.src}});"></div>
                    {{/if}}
                    <p class="experience-brand-hero__description">{{description}}</p>
                </div>
                <div class="cell medium-2 large-4">
                    {{#if mapSimpleImage}}
                        <div class="experience-brand-hero__map"
                             style="background-image: url({{mapSimpleImage.src}});"></div>
                    {{/if}}
                </div>
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}
 
/* No context defined for this component. */

There are no notes for this item.