Как задать каждой колонке ширину 100%?

Question

[Chesterfield25]

Есть 4 колонки

<div class="row">
	<div class="container-fluid mt-5 p-3 white">
        <div class="col"><img src="https://cdn.pixabay.com/photo/2020/04/27/09/04/mama-5098862__340.jpg" width="100%" height="100" alt=""></div>
	<div class="col"><img src="https://cdn.pixabay.com/photo/2020/05/01/19/07/tulips-5118757__340.jpg" width="100%" height="100" alt=""></div>
	<div class="col"><img src="https://cdn.pixabay.com/photo/2020/06/11/13/56/lighthouse-5286823__340.jpg" width="100%" height="100" alt=""></div>
	<div class="col"><img src="https://cdn.pixabay.com/photo/2020/04/19/05/36/ladybug-5061921__340.jpg" width="100%" height="100" alt=""></div>
  </div>
</div>

Им нужно задать ширину 100% Но что бы они шли в ряд по порядку