I am unable to add images horizontally in my bootstrap website

Question

i'm using bootstrap 5 and the images are not getting aligned in horizontal way. The image gets added in the lower row. i've tried everything nut it dosent's works. any help would be appriciated. Thank you.

<!-- Bootstrap-5 -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />


<!-- Body -->
<section>
  <div class="container pt-3" class="text1">
    <div class="row">
      <div class="col-12 text-center ">
        <h3> Lots of IT companies in town. Why you should choose us? </h3>
      </div>
    </div>
  </div>
  <hr>
</section>



<div class="row">
  <div class="col-md-4 text-center">
    <img class="img-fluid p-2" src="https://via.placeholder.com/200.jpg" width="150">
    <h4 style="font-weight: 700;">Customized requirements</h4>
    <p> Every idea is unique and that's we craft it as<br> per your requirements.</p>
  </div>
</div>

<div class="col-md-4 text-center">
  <img class="img-fluid p-2" src="https://via.placeholder.com/200.jpg" width="150">
  <h4 style="font-weight: 700;">Customized requirements</h4>
  <p> Every idea is unique and that's we craft it as<br> per your requirements.</p>
</div>



</section>