body, html {
    margin: 0;
    padding: 0;
    overflow: hidden; 
    font-family: 'Arial', sans-serif;
    width: 100%;
    height: 100%;
}

.slideshow-container {
    position: relative;
    width: 100vw; 
    height: 100vh; 
    overflow: hidden;
}

.slideshow {
    position: absolute;
    width: 100%;
    height: 100%;
}

.homeresponsive {
    width: 100vw;  
    height: 100vh; 
    object-fit: cover; 
    position: absolute;
    top: 0;
    left: 0;
}


@media (max-width: 768px) {
    .homeresponsive {
        width: 100vw;
        height: 100vh;
    }

}

@media (max-width: 480px) {
    .homeresponsive {
        width: 100vw;
        height: 100vh;
    }
    .homeresponsive:nth-child(1) { object-position: left; }    
    .homeresponsive:nth-child(2) { object-position: center; } 
    .homeresponsive:nth-child(3) { object-position: 19% 0%; }   
    .homeresponsive:nth-child(4) { object-position: 52% 0%; }  
    .homeresponsive:nth-child(5) { object-position: 50% 0%; } 
    .homeresponsive:nth-child(6) { object-position: 51% 0%; }
}



@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}