.carousel,
.carousel-inner,
.carousel-item{
    height:400px !important;
}

.carousel-item img{
    width:100%;
    height:400px !important;
    object-fit:cover;
}

@media (max-width: 576px) {
  #mainCarousel img {
    height: 250px;
  }
}