<div class="container mt-2 text-center">
  <div class="swiper">
    <div class="row mt-1">
      <div class="col-12">
        <div class="swiper-container mySwiper3">
          <div class="swiper-wrapper">

            <div class="swiper-slide">
              <div class="video-wrapper" data-src="https://www.youtube.com/embed/vz854-qau-g?si=yDd2hFF7Dg_nJ8nZ" role="button" tabindex="0" aria-label="Play video 1">
                <img src="https://img.youtube.com/vi/vz854-qau-g/hqdefault.jpg" alt="Video thumbnail 1" loading="lazy" />
                <div class="play-button" aria-hidden="true"></div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="video-wrapper" data-src="https://www.youtube.com/embed/z2s2pogllis?si=VBixDG_53SDxC8Y8" role="button" tabindex="0" aria-label="Play video 2">
                <img src="https://img.youtube.com/vi/z2s2pogllis/hqdefault.jpg" alt="Video thumbnail 2" loading="lazy" />
                <div class="play-button" aria-hidden="true"></div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="video-wrapper" data-src="https://www.youtube.com/embed/StfGFHP3VtI?si=qODyNlsJdDwVxLla" role="button" tabindex="0" aria-label="Play video 3">
                <img src="https://img.youtube.com/vi/StfGFHP3VtI/hqdefault.jpg" alt="Video thumbnail 3" loading="lazy" />
                <div class="play-button" aria-hidden="true"></div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="video-wrapper" data-src="https://www.youtube.com/embed/HTY1HAdytok?si=ZoOD30YREToD_Bal" role="button" tabindex="0" aria-label="Play video 4">
                <img src="https://img.youtube.com/vi/HTY1HAdytok/hqdefault.jpg" alt="Video thumbnail 4" loading="lazy" />
                <div class="play-button" aria-hidden="true"></div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="video-wrapper" data-src="https://www.youtube.com/embed/r4CVRf9iPlE?si=FRseH9P_jZShB7_n" role="button" tabindex="0" aria-label="Play video 5">
                <img src="https://img.youtube.com/vi/r4CVRf9iPlE/hqdefault.jpg" alt="Video thumbnail 5" loading="lazy" />
                <div class="play-button" aria-hidden="true"></div>
              </div>
            </div>

          </div>

          <div class="manage-buttons mb-2">
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>