.carousel img {
        width: 100%;
        /* height: 500px;  Change this value to your desired height */
        object-fit: cover;
    }
    
    .carousel-caption {
        background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
        padding: 1rem; /* Padding around the text */
        border-radius: 5px; /* Rounded corners */
    }

    .carousel {
    position: relative;
}

.carousel-controls {
    position: absolute;
    bottom: 20px;
    left: 20px; /* Change this value to position the buttons in the left bottom corner */
    z-index: 10;
}


.carousel-pause,
.carousel-resume {
    opacity: 0.8;
    transition: opacity 0.3s;
}

.carousel-pause:hover,
.carousel-resume:hover {
    opacity: 1;
}

.carousel-title {
    font-size: 1.5rem; /* Adjust the font size as needed */
    font-weight: bold;
    margin-bottom: 0.5rem;
}

/* Add media query for mobile devices */
    @media (max-width: 767px) {
        .carousel img {
            height: 200px; /* Change this value to your desired height for mobile devices */
        }
    }