/* styles.css */

.carousel-item img {
    height: 15vh; /* Set carousel item height to 15% of viewport height */
    object-fit: cover; /* Ensure images cover the carousel item */
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background for caption */
    color: #fff; /* Text color for caption */
    bottom: 0; /* Position caption at the bottom */
}

.card {
    margin-top: 20px;
}