<section class="page-section page-section--content">
   <div class="grid justify-content-center">
       <div class="col-desk-10 col-tab-5 col-mob-6">
           <div class="figure-slider__container">
               <div class="swiper-container figure-slider figure-slider--three-items js--figure-slider" data-figure-slider="KYdoISQz">
                   <div class="swiper-wrapper figure-slider__wrapper">
                       <figure class="swiper-slide figure figure--ratio-3-4">
                           <div class="figure__image">
                               <img class="img-fluid w-100" src="/placeholder/image-slider-01.jpg" alt="">
                           </div>
                           <figcaption class="figure__caption f1">Ich bin eine Bildunterschrift und ich bin optional
                               und befinde mich 20px unter dem Bild. Wenn ich sehr lang bin werde ich nach 6 spalten
                               zweizeilig.
                           </figcaption>
                       </figure>
                       <figure class="swiper-slide figure figure--ratio-3-4">
                           <div class="figure__image">
                               <img class="img-fluid w-100" src="/placeholder/image-slider-01.jpg" alt="">
                           </div>
                           <figcaption class="figure__caption f1">Ich bin eine Bildunterschrift und ich bin optional
                               und befinde mich 20px unter dem Bild. Wenn ich sehr lang bin werde ich nach 6 spalten
                               zweizeilig.
                           </figcaption>
                       </figure>
                       <figure class="swiper-slide figure figure--ratio-3-4">
                           <div class="figure__image">
                               <img class="img-fluid w-100" src="/placeholder/image-slider-01.jpg" alt="">
                           </div>
                           <figcaption class="figure__caption f1">Ich bin eine Bildunterschrift und ich bin optional
                               und befinde mich 20px unter dem Bild. Wenn ich sehr lang bin werde ich nach 6 spalten
                               zweizeilig.
                           </figcaption>
                       </figure>
                   </div>
                   <div class="swiper-scrollbar"></div>
               </div>
               <p class="f1 mb-0 d-block d-lg-none">Ich bin eine Bildunterschrift und ich bin optional und befinde mich 20px
                   unter dem Bild. Ich bin eine Zusammenfassung der BUs beim der DT Variante.</p>
           </div>
       </div>
   </div>
</section>