Cp Image Carousel Hero Slide 

<div class="image-carousel-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="image-carousel-hero-slide__inner">
    <div class="grid-container">
        <div class="grid-x grid-padding-x image-carousel-hero-slide__grid">
            <div class="image-carousel-hero__info-container js-info-container">
            </div>
        </div>
    </div>
</div>
 
<div class="image-carousel-hero-slide__background">
    {{> @cp-medium-image backgroundResponsiveImage}}
</div>
<div class="image-carousel-hero-slide__inner">
    <div class="grid-container">
        <div class="grid-x grid-padding-x image-carousel-hero-slide__grid">
            <div class="image-carousel-hero__info-container js-info-container">
                {{#if backgroundResponsiveImage.location}}
                <p class="image-carousel-hero__location">{{backgroundResponsiveImage.location}}</p>
                {{/if}}
                {{#if backgroundResponsiveImage.photoCredit}}
                <p class="image-carousel-hero__photo-credit">&copy; {{backgroundResponsiveImage.photoCredit}}</p>
                {{/if}}
            </div>
        </div>
    </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.