<section class="page-section page-section--content">
   <div class="grid justify-content-center">
       <div class="col-desk-10 col-tab-5 col-mob-6">
           <figure class="figure figure--ratio-5-3">
               <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>
</section>