Cp Experience Brand Porthole 

<div class="experience-brand-porthole__background-overlay">
    <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-porthole__overlay"></div>
</div>
<div class="experience-brand-porthole__inner">
    <div class="grid-container experience-brand-porthole__grid-container">
        <div class="experience-brand-porthole__content grid-x grid-margin-x">
            <div class="experience-brand-porthole__media cell">
            </div>
            <div class="experience-brand-porthole__circle cell">
                <a href="" class="experience-brand-porthole__cta js-porthole-cta" role="button">
                    <div class="experience-brand-porthole__porthole">
                        <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>
                </a>
            </div>
            <div class="experience-brand-porthole__intro cell">
                <p class="experience-brand-porthole__description"></p>
            </div>
        </div>
    </div>
</div>
 
<div class="experience-brand-porthole__background-overlay">
    {{> @cp-medium-image responsiveImage}}
    <div class="experience-brand-porthole__overlay"></div>
</div>
<div class="experience-brand-porthole__inner">
    <div class="grid-container experience-brand-porthole__grid-container">
        <div class="experience-brand-porthole__content grid-x grid-margin-x">
            <div class="experience-brand-porthole__media cell">
                {{#if mapSimpleImage}}
                    <div class="experience-brand-porthole__map" style="background-image: url({{mapSimpleImage.src}});"></div>
                {{/if}}
            </div>
            <div class="experience-brand-porthole__circle cell">
                <a href="{{button.url}}" class="experience-brand-porthole__cta js-porthole-cta" role="button">
                    <div class="experience-brand-porthole__porthole">
                        {{#if fullVideo}}
                            {{> @cp-medium-video isYouTube=fullVideo.isYouTube isYouku=fullVideo.isYouku video=fullVideo.video autoplay=true hideControls=true loop=true }}
                        {{else}}
                            {{> @cp-medium-image responsiveImage}}
                        {{/if}}
                    </div>
                </a>
            </div>
            <div class="experience-brand-porthole__intro cell">
                {{#if brandSimpleImage}}
                    <div class="experience-brand-porthole__brand" style="background-image: url({{brandSimpleImage.src}});"></div>
                {{/if}}
                <p class="experience-brand-porthole__description">{{description}}</p>
            </div>
        </div>
    </div>
    {{#if layeredSimpleImage}}
        <div class="experience-brand-porthole__layered-image" style="background-image: url({{layeredSimpleImage.src}});"></div>
    {{/if}}
</div>
 
/* No context defined for this component. */

There are no notes for this item.