How to create responsive column count using bootstrap 5?

[fa2020]

Hi,
I'm going to create thumbnails that each row has 2 columns for sm, 3 columns for md and 5 rows for lg and larger screens. How can I revise my code:

<div class="row">
<div class="col-md-3">
<img src="..." class="img-thumbnail" alt="...">
</div>
<div class="col-md-3">
<img src="..." class="img-thumbnail" alt="...">
</div>
<div class="col-md-3">
<img src="..." class="img-thumbnail" alt="...">
</div>
<div class="col-md-3">
<img src="..." class="img-thumbnail" alt="...">
</div>
</div>