/*Effet parallaxe ----------------------------------------------------------------------*/

.slide-parallax{
    position: relative;
    background-color: transparent;
    width: 100%;
    margin: auto;
    /* padding: auto 1rem; */
    overflow: hidden;
    z-index: 1;
}

#parallax1{
    background-image: url("/Ilhende_LandscapeMobile.png");
}

#parallax2{
    background-image: url("/Vanuïs_Landscape.png");
}

#parallax3{
    background-image: url("/Fyra_Landscape.png");
}

#parallax4{
    background-image: url("/Barator_LandscapeMobile.png");
}

#parallax5{
    background-image: url("/Ayastri_Landscape.png");
}

#parallax1, #parallax2, #parallax3, #parallax4, #parallax5{      
    height: 50vw;
    overflow: hidden;

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imagePart{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 50vw;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.inside{
    background: #010101;
    position: relative;
    margin: 3rem 0;
}


/*Effet parallaxe ----------------------------------------------------------------------*/
@media all and (min-width:864px) {

    .slide-parallax{
        height: 100vh;
        margin: 0;
    }

    #parallax1, #parallax2, #parallax3, #parallax4, #parallax5{      
        width: 100vw;
        margin-top: 0;
    }

    #parallax1{
        background-image: url("/Ilhende_Landscape.png");
    }

    #parallax4{
        background-image: url("/Barator_Landscape.png");
    }
}