<section class="page-section page-section--content">
   <figure class="figure figure--ratio-9-3">
       <div class="figure__image">
           <img class="img-fluid w-100" src="/placeholder/image-slider-01.jpg" alt="">
       </div>
       <figcaption class="figure__caption f1">
           <div class="grid justify-content-center">
               <div class="col-desk-10 col-tab-5 col-mob-6">
                   <p class="f1 mb-0">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.</p>
               </div>
           </div>
       </figcaption>
   </figure>
</section>