@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}

/* styles.css */
.carousel-inner img {
    width: 100%;  /* Ensure the image fits the container */
    height: 400px; /* Set the desired height */
    object-fit: cover; /* Ensure images are cropped evenly */
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5); /* Black background with 50% opacity */
    padding: 10px;
}