Exemplo de uma simples #galeria de imagens com o sistema de grid do #bootstrap.
Você pode configurar conforme suas necessidades
<div class="row g-5 text-center">
<div class=" col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
<div class="col-6 col-sm-4 col-lg-3">
<img class="img-thumbnail" src="https://picsum.photos/200">
</div>
</div>