{{{customeditframe.editframeStart}}}
<div class="image-carousel-hero {{#ifEquals maxItems 12}}image-carousel-hero--max-12{{/ifEquals}} {{#ifEquals slides.length 1}}image-carousel-hero--one-item{{/ifEquals}}" data-module="ImageCarouselHero" data-preload="true" data-image-large-preload="{{slides.0.backgroundResponsiveImage.sources.0.largeUrl}}"  data-image-small-preload="{{slides.0.backgroundResponsiveImage.sources.0.smallUrl}}">
    <div class="carousel">
        {{#if likeButton}}
            {{> @cp-hero-like-button likeButton}}
        {{/if}}
        <div class="carousel__slider">
            {{#each slides}}
                <div class="carousel__slide cell hero-slide">
                    {{> @cp-image-carousel-hero-slide}}
                </div>
            {{/each}}
        </div>
    </div>
    <div class="image-carousel-hero__details-container">
        {{> @cp-image-carousel-hero-controls}}
        <div class="image-carousel-hero__information-icon-container">
            <button class="image-carousel-hero__information-icon js-information-icon" aria-label="More information"></button>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}