Trying to place images side by side in tribute project

Hi! So I’m working on the tribute project and I’m not really sure where my code is going wrong. I’m trying to place three images side by side and I’ve used ‘col-md-4’, but the space between the images are fixed.

Here’s a preview:

My HTML:

<div class="container-fluid">
  <div class="row" id="pictures">
    <div class="col-md-4">
      <h1>ROBERT</h1>
      <h2>DOWNEY JR.</h2> 
      <p class="quote">“Mediocrity is my biggest fear. I’m not afraid of total failure because I don’t think that will happen. I’m not afraid of success because that beats the hell out of failure. It’s being in the middle that scares me.” - Robert Downey Jr.</p>
    </div>
    <div class="col-md-4"> <img id="image1" src="https://i.imgur.com/lEFLOF7.jpg"> </div>
    <div class="col-md-4"> <img id="image2" src="https://i.imgur.com/G0PA2Mf.jpg"> </div>
    <div class="col-md-4"> <img id="image3" src="https://i.imgur.com/SxJNo0I.jpg"> </div>
    
  </div>
</div>

And my CSS (same for the three images):

`#image1 {
  padding: 5px;
  width: 280px;
  height: auto;
  margin-top: 40px;
}`

As you can see I’m trying to put the header and three images side by side, any help how to fix this?