Cp Discovery Hero Slide With Tear 

<div class="hero-slide__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>
<div class="hero-slide__overlay"></div>
<div class="hero-slide__inner">
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <div class="cell medium-5 medium-offset-1 large-offset-0">
                <div class="hero-slide__content">
                    <p class="hero-slide__eyebrow"></p>
                    <h2 class="hero-slide__title"></h2>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="hero-slide__background">
    {{#if fullVideo}}
        {{> @cp-medium-video doNotInitialise=true isYouTube=fullVideo.isYouTube isYouku=fullVideo.isYouku video=fullVideo.video autoplay=false hideControls=true loop=true muted=true}}
    {{else}}
        {{> @cp-medium-image backgroundResponsiveImage}}
    {{/if}}
</div>
<div class="hero-slide__overlay"></div>
<div class="hero-slide__inner">
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <div class="cell medium-5 medium-offset-1 large-offset-0">
                <div class="hero-slide__content">
                    <p class="hero-slide__eyebrow">{{eyebrow}}</p>
                    <h2 class="hero-slide__title">{{title}}</h2>
                    {{#if tags }}
                        <div class="hero-slide__tags">
                            {{> @cp-hashtags tags }}
                        </div>
                    {{/if}}
                    {{> @cp-button-primary target=button.target text=button.text url=button.url modifier="with-icon" cssClasses="hero-slide__button"}}
                </div>
            </div>
        </div>
    </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.