body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slideshow-container {
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: auto 90%; /* Ajuste l'image pour qu'elle fasse 100% de hauteur */
    background-position: center;
    background-repeat: no-repeat;
//    transition: background-image 0.5s ease;
}

.logo-container {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    width: 25%;
   // mix-blend-mode: overlay;
    opacity: 1;
}

.logo {
    width: 100%;
    height: auto;
}