Свойство подгонки объекта не работает на моем изображении карусели

Question

Я использую Boosttrap 4 и у меня есть код ниже, я пытаюсь сделать так, чтобы положение любого изображения, которое будет вставлено внутрь, соответствовало моему собственному краю.Поэтому я пытаюсь использовать свойство «подходящая для объекта» в моем документе CSS.Но это не работает вообще, могу ли я иметь другое решение?

          <div class="carousel-inner" role="listbox">
            <div class="carousel-item active">
              <img class="d-block w-100 cover" src="assets/images/cover_1.jpg" alt="First slide">
                <div class="carousel-caption">
                <h5>This is cover 1</h5>
                <p>and this is the captions</p>
            </div>
            </div>
            <div class="carousel-item">
              <img class="d-block w-100" src="assets/images/image2.png" alt="Second slide">
                <div class="carousel-caption d-block d-md-block out">
                    <h5>This is cover </h5>
                    <p>and this is the caption</p>
                </div>
            </div>
            <div class="carousel-item">
              <img class="d-block w-100" src="assets/images/cover_3.jpg" alt="Third slide">
                <div class="carousel-caption d-block d-md-block">
                    <h5>This is cover </h5>
                    <p>and this is the caption</p>
                </div>
            </div>
          </div>

Там в классе .carousel-inner я помещаю object-fit: cover , но это не оказывало никакого влияния на мои изображения