.ql-carousel, .ql-carousel .swiper-wrapper, .ql-carousel .swiper-slide {
    height: 500px; /* your fixed max height */
}
.ql-carousel .swiper-slide img {
    max-height: 100%;
    height: 100%;
    width: auto; /* auto width to maintain aspect ratio */
    object-fit: contain; /* ensures full image fits without cropping */
    display: block;
    margin: 0 auto; /* center horizontally */
}