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

.carousel-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 300px !important;
}


@media (max-width: 768px) {
    .carousel-item img {
     width: auto;
    }
  }