How to set each column width to 100%?

Question

Bootstrap

There are 4 columns

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

They need to set the width to 100% But so that they go in a row in order