Javascript 如何使ng引导传送带最小高度为300px时响应迅速？

我目前正试图得到一个全宽旋转木马在角与引导最低高度为300像素。我希望图片始终居中，当达到最小高度时，我希望侧面裁剪，这样图像保持居中，但响应良好

目前我有以下几点：

 <div class="container-fluid carouselcontainer">
  <div class="row">
    <ngb-carousel *ngIf="afbeeldingen">
      <ng-template ngbSlide>
        <img [src]="afbeeldingen[0]" alt="First slide">
        <div class="carousel-caption">
          <h3>Primi Piatti</h3>
          <p class="d-none d-md-block">Lekkere voorgerechten.</p>
        </div>
      </ng-template>
      <ng-template ngbSlide>
        <img [src]="afbeeldingen[1]" alt="Second slide">
        <div class="carousel-caption">
          <h3>Pizza's</h3>
          <p class="d-none d-md-block">Lekkere pizza's.</p>
        </div>
      </ng-template>
      <ng-template ngbSlide>
        <img [src]="afbeeldingen[2]" alt="Third slide">
        <div class="carousel-caption">
          <h3>Dolci</h3>
          <p class="d-none d-md-block">Lekkere deserten.</p>
        </div>
      </ng-template>
    </ngb-carousel>
  </div>
</div>

普里米·皮亚蒂
Lekkere voorgerechten
比萨饼店
莱克尔披萨店

多尔奇
莱克尔沙漠

我不知道怎样才能把这件事做好，有人能帮我吗

---

谢谢

添加最小高度：300px；高度：//根据您的需要；到旋转木马集装箱class@MontyGoldy但这并没有裁剪图像并使其居中，宽度只是变小了