This is an example post with image galleries.

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

</figure>

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

</figure>

</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.

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

</figure>

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

</figure>

</div>

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

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

</figure>

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

</figure>

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

</figure>

</div>