Формирование колонок bootstrap 4 для изображений

Добрый день!

По макету 4 изображения должны быть размещены в ряд.

Я выделяю для них отдельную секцию с 4 адаптивными блоками по 5 колонок. По какому принципу лучше всего делать разметку: в одном адаптивном блоке на 12 колонок вложить классы для каждой из картинок, или же больше блоков, и уже колонки? Как лучше делать для дальнейшего адаптива?

<section class="gallery">
<div class="container">
<div class="row">
<div class="col-md-5">
<img src="img/gallery1.png" alt="">
</div>
<!-- /.col-md-5 -->
<div class="col-md-5">
<img src="img/gallery2.png" alt="">
</div>
<!-- /.col-md-5 -->
<div class="col-md-5">
<img src="img/gallery3.png" alt="">
</div>
<!-- /.col-md-5 -->
<div class="col-md-5">
<img src="img/gallery4.png" alt="">
</div>
<!-- /.col-md-5 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->