.carousel {
  position: relative;
  width: 100%;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}

.slick-slide > img {
  width: 100%;
  height:auto;
}

@media (width <= 1500px) {
  .slick-slide {
    height: clamp(530px, calc(455px + 15vw), 680px);
  }
    .slick-slide > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}



/* @media (width <= 768px) {
  .slick-slide {
    overflow: hidden;
  }
  .slick-slide > img {
    width: 100%;
    height: 345px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media (width <= 575px) {
  .slick-slide > img {
    width: 100%;
    height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
  }
} */