1<div class="container">
2 <div class="row">
3 <div class="col-12 col-md-6">
4 <p><strong>Overlay ad altezza fissa</strong></p>
5 <figure class="overlay-wrapper">
6 <img src="https://picsum.photos/240/160?image=1056" alt="descrizione immagine" class="img-fluid">
7 <figcaption class="overlay-panel"><span>Label immagine</span></figcaption>
8 </figure>
9 </div>
10 <div class="col-12 col-md-6">
11 <p><strong>Overlay a tutta altezza</strong></p>
12 <figure class="overlay-wrapper">
13 <img src="https://picsum.photos/240/160?image=1056" alt="descrizione immagine" class="img-fluid">
14 <figcaption class="overlay-panel overlay-panel-fullheight"><span>Label immagine</span></figcaption>
15 </figure>
16 </div>
17 <div class="col-12">
18 <p><strong>Esempio con differenti proporzioni</strong></p>
19 <figure class="overlay-wrapper">
20 <img src="https://picsum.photos/800/300?image=1055" alt="descrizione immagine" class="img-fluid">
21 <figcaption class="overlay-panel"><span>Label immagine</span></figcaption>
22 </figure>
23 </div>
24 </div>
25</div>
