.titre-page{
    background : url("/img/couture2.jpg");
    size : 0.2;
}

.titre-page h1{
    position: relative;
    isolation : isolate;
}

.titre-page h1::after{
    position:absolute;
    inset: 0;
    opacity: 0.6;
    content:'';
    z-index:-1;
    background-color: white;
}


/* descripion générale du service  */

.services .img-service{
    background-image: url("/img/couture.jpg");
}

/* nos services  */

.nos-services .services-details .service:nth-child(1){
    position: relative;
    isolation : isolate;
}

.nos-services .services-details .service:nth-child(1)::after{
    background-image :url("/img/retouche.jpg");
    background-size: cover;
    background-position:center;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.4;
}

.nos-services .services-details .service:nth-child(2){
    position: relative;
    isolation : isolate;
}

.nos-services .services-details .service:nth-child(2)::after{
    background-image :url("/img/ourlet.jpg");
    background-size: cover;
    background-position:center;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.4;
}

.nos-services .services-details .service:nth-child(3){
    position: relative;
    isolation : isolate;
}

.nos-services .services-details .service:nth-child(3)::after{
    background-image :url("/img/creation.jpg");
    background-size: cover;
    background-position:center;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.4;
}
.nos-services .services-details .service:nth-child(4){
    position: relative;
    isolation : isolate;
}

.nos-services .services-details .service:nth-child(4)::after{
    background-image :url("/img/ameublement.jpg");
    background-size: cover;
    background-position: 50% 60%;
    content:'';
    position : absolute;
    z-index:-1;
    inset: 0;
    opacity: 0.4;
}


@media screen and (max-width : 780px){

    .services{
        flex-wrap : wrap; 
    }

    .services .img-service{
        width : 90%;
        margin : auto;
    }

    .services .explication{
        width : 90%;
        margin : auto;
        /* padding-bottom : 40px; */
        margin : 5%;
    }

    .services .img-service{
        width : 90%;
        height : 30vh;
        margin-bottom : 10px;
    }

    .nos-services .service{
        width : 90%;
    }

}