<div class="swiper mySwiper">
  <div class="swiper-wrapper">
    {% for slide in slides %}
      <div class="swiper-slide">
        <img src="{{ slide.image }}" alt="{{ slide.alt }}">
        <p>{{ slide.caption }}</p>
      </div>
    {% endfor %}
  </div>
  <div class="swiper-pagination"></div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
</div>
