.carousel .carousel-inner {
    height: 100vh; /* Full viewport height */
    /* OR */
    height: auto; /* Adapts to image height */
}
.carousel .carousel-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images cover the area without distortion */
}