/* Styles for the slideshow container */
.slideshow-container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

/* Styles for the slideshow images */
.mySlides {
    display: none;
}

.mySlides img {
    width: 100%;
    height: 100%;
    
}

.overlay-text {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0%;
    background-color: #00000060;
    padding: 8px;
    color: #fff;
    font-size: 50px;
    padding-left: 100px;
    padding-right: 100px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.overlay-text-2 {
    position: absolute;
    top: 25%; 
    left: 70%; 
    transform: translate(-50%, -50%); 
    background-color: #00000060;
    border-radius: 15px; 
    padding: 8px;
    color: #fff; 
    /* padding: 10px 20px;  */
    font-size: 50px; 
    text-align: center;
    justify-content: center;

}

/* Add additional styles as needed */
/* Mobile */
@media only screen and (max-width:900px) {
    .slideshow-container {
        padding-top: 0px;
        max-width: 100%;
        /* width: 100%; */
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        height: 100%;
    }
    
    /* Styles for the slideshow images */
    .mySlides {
        display: none;
    }
    
    .mySlides img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .overlay-text {
        position: absolute;
        top: 10%; 
        left: 0%; 
        transform: translate(-50%, -50%); 
        background-color: none;
        border-radius: 0px; 
        padding: 8px;
        color: #fff; 
        /* padding: 10px 20px;  */
        font-size: 30px; 
        text-align: center;
        justify-content: center;
    
    }
    .overlay-text-2 {
        position: absolute;
        top: 45%; 
        left: 0%; 
        transform: translate(-50%, -50%); 
        background-color: #00000060;
        border-radius: 15px; 
        padding: 8px;
        color: #fff; 
        /* padding: 10px 20px;  */
        font-size: 50px; 
        text-align: center;
        justify-content: center;
    
    }

}