How to arrange pictures closer to the text?

Question

css

How to arrange pictures closer to the text?

<div id="clients" class="container mb-5">
    <div class="row wow fadeIn">
      <div class="col-md-3 wow fadeInLeft">
        <img src="img/otis-logo.png" alt="kone" style="float: left; margin-top: 200px;"><br>
        <img src="img/schindler-logo.png" alt="Thyssenkrupp" style="float: left; margin-top: 120px;">
      </div>
      <div class="col-md-6 d-flex justify-content-center wow fadeIn">
        <h1 id="Brands">Brands we work with</h1>
      </div>
      <div class="col-md-3 wow fadeInRight">
        <img src="img/kone-logo.png" alt="kone" style="float: right; margin-top: 185px;"><br>
        <img src="img/thyssenkrupp-logo.png" alt="Thyssenkrupp" style="float: right; margin-top: 110px;">
      </div>
    </div>
  </div>

Answer 1

As an option, play around with the proportions col-md-3 col-md-6 col-md-3. Since the middle part with the text (if the images need to be brought closer to it) occupies 6 shares, then it will be tricky to zoom in in other ways.
If we are talking about a small approximation, then just set the alignment for the left images to the right side, and for the right ones - to the left.