/* Make Owl Carousel and its components full height ON LARGE SCREENS ONLY */
@media (min-width: 992px) {
    .owl-carousel-service,
    .owl-carousel-service .owl-stage-outer,
    .owl-carousel-service .owl-stage,
    .owl-carousel-service .owl-item {
        height: 100%;
    }
}

/* Set a specific aspect ratio for the carousel on mobile devices to ensure visibility */
@media (max-width: 991.98px) {
    .carousel-image-container {
        height: auto; /* Unset the fixed height */
        aspect-ratio: 16 / 10; /* Give it a defined shape on mobile */
        min-height: 250px; /* Ensure it's never too small */
    }
}