.gallery_container .picture:nth-child(1){
    background-image: url(..//data/pictures/univers/portrait/portrait_mariage.webp);
}

.gallery_container .picture:nth-child(2){
    background-image: url(..//data/pictures/univers/portrait/portrait_miroir.webp);
}

.gallery_container .picture:nth-child(3){
    background-image: url(..//data/pictures/univers/portrait/portrait_danse.webp);
}

.gallery_container .picture:nth-child(4){
    background-image: url(..//data/pictures/univers/portrait/portrait_lifestyle.webp);
}

.gallery_container .picture:nth-child(5){
    background-image: url(..//data/pictures/univers/portrait/portrait_groupe2.webp);
}

.sub_universe_picture1 {
    background-image: url(..//data/pictures/univers/portrait/portrait_divers.webp);
}

.sub_universe_picture2 {
    background-image: url(..//data/pictures/univers/portrait/portrait_lifestyle2.webp);
}

.sub_universe_picture3 {
    background-image: url(..//data/pictures/univers/portrait/portrait_pro.webp);
}

.sub_universe_picture4 {
    background-image: url(..//data/pictures/univers/portrait/portrait_groupe.webp);
}

@media (min-width: 1100px){/* desktop only*/
    .gallery_container .picture:nth-child(1){
        width: 300px;
        height: 450px;
        top: 0;
        left: 0;
        z-index: 1;
        transform: rotate(-5deg);
    }

    .gallery_container .picture:nth-child(2){
        width: 350px;
        height: 525px;
        top: 200px;
        left: 300px;
        z-index: 4;
        transform: rotate(4deg);
    }

    .gallery_container .picture:nth-child(3){
        width: 600px;
        height: 400px;
        top: 20%;
        left: 35%;
        z-index: 2;
        transform: rotate(-2deg);
    }

    .gallery_container .picture:nth-child(4){
        width: 300px;
        height: 450px;
        top: 43%;
        left: 70%;
        z-index: 4;
        transform: rotate(3deg);
    }

    .gallery_container .picture:nth-child(5){
        width: 450px;
        height: 300px;
        top: 50px;
        right: 0;
        z-index: 5;
        transform: rotate(-5deg);
    }
}

@media (max-width: 1100px){/* desktop only*/
    .gallery_container .picture:nth-child(1){
        width: 40vw;
        height: 60vw;
        top: 0;
        left: 5vw;
        z-index: 1;
        transform: rotate(-5deg);
    }

    .gallery_container .picture:nth-child(2){
        width: 35vw;
        height: 52vw;
        top: 5vw;
        left: 55vw;
        z-index: 4;
        transform: rotate(4deg);
    }

    .gallery_container .picture:nth-child(3){
        width: 60vw;
        height: 40vw;
        top: 50vw;
        left: 5vw;
        z-index: 2;
        transform: rotate(2deg);
    }

    .gallery_container .picture:nth-child(4){
        width: 30vw;
        height: 45vw;
        top: 50vw;
        left: 60vw;
        z-index: 4;
        transform: rotate(-4deg);
    }

    .gallery_container .picture:nth-child(5){
        width: 55vw;
        height: 37vw;
        top: 90vw;
        left: 20vw;
        z-index: 5;
        transform: rotate(-5deg);
    }
}