{# [module]/templates/carousel-slide.html.twig #}
<div class="ecl-carousel__slide" role="tabpanel" aria-label="{{ num_slides }}" aria-roledescription="slide">
  <section
    class="ecl-banner ecl-banner--m ecl-banner--font-m ecl-banner--box-bg-light {{ type | raw }} ecl-banner--color-dark ecl-banner--h-left ecl-banner--v-center"
    data-ecl-banner data-ecl-auto-init="Banner">
    <figure class="ecl-banner__picture-container">
      <picture class="ecl-picture ecl-banner__picture" data-ecl-banner-image><img class="ecl-banner__image"
          src="{{ background_image_url }}" alt="{{ title | raw }}">
      </picture>
      <footer class="ecl-banner__credit" data-ecl-banner-footer>
        <div class="ecl-container"></div>
      </footer>
    </figure>
    <div class="ecl-container ecl-banner__info">
      <div class="ecl-banner__container" data-ecl-banner-container>
        <div class="ecl-banner__content">
          <div class="ecl-banner__title"><span class="ecl-banner__title-text">{{ title | raw }}</span>
          </div>
          <p class="ecl-banner__description"><span class="ecl-banner__description-text">{{ description | striptags }}</span></p>
          {{ button }}
        </div>
      </div>
    </div>
  </section>
</div>