/* Ensure images scale properly */
.carousel-item img {
    width: 100%;
    height: 600px; /* Default height for desktop */
    object-fit: cover; /* Prevent stretching */
}

/* Adjust height for mobile screens */
@media (max-width: 768px) {
    .carousel-item img {
        height: 300px; /* Reduce height on smaller screens */
    }

    .carousel-caption {
        width: 90%;
        bottom: 10px;
        padding: 10px;
    }

        .carousel-caption h3 {
            font-size: 16px;
        }

        .carousel-caption p {
            font-size: 14px;
        }
}

/* Adjust height for tablets */
@media (max-width: 992px) {
    .carousel-item img {
        height: 400px;
    }

    .carousel-caption {
        bottom: 15px;
    }
}