<img 
class="img-fluid rounded z-depth-1" 
src="/assets/img/9.jpg" 
width="auto" 
height="auto" 
 
 />

</picture>

</figure>

</div>
<div class="col-sm mt-3 mt-md-0">
    <figure>

</figure>

</div>

</div>

A simple, elegant caption looks good between image rows, after each row, or doesn't have to be there at all.

Images can be made zoomable. Simply add data-zoomable to <img> tags that you want to make zoomable.

The rest of the images in this post are all zoomable, arranged into different mini-galleries.

–>