How do I resize images in my Carousel?

[MarkKocherovsky]

I have several large images in my Carousel that I would like scaled down. This is what I have tried so far:

`

    <img class="d-block w-100 img-fluid" src="PATH" style="width: 120px;" alt="First slide">

    <div class="carousel-caption d-none d-md-block">

      <h5 style="background-color: rgb(25, 25, 25);">TEXT</h5>

      <p style="background-color: rgb(25, 25, 25);">TEXT.</p>

    </div>

  </div>`

How can I scale down the images effectively?

[MarkKocherovsky]

Furthermore, how can I center the image on the screen?

`

  <div class="carousel-item img-fluid active">

    <img class="d-block w-100 img-fluid" src="PATH" style="width: 67vw; max-width: 1333px; text-align: center;" alt="First slide">

    <div class="carousel-caption d-none d-md-block bg-dark">

      <h5>TEXT</h5>

      <p>TEXT.</p>

    </div>

  </div>

 etc`