<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>