.accueilServices{
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
}
    .accueilServices_header{}
    .accueilServices_content{
        display: flex;
        flex-direction: row;
        gap: 50px;
        position: relative;
    }
        .accueilServices_background{
            --before-width: 500px;
            --before-opaque-percentage: 60;
            --img-width: calc(100% - (var(--before-width) * var(--before-opaque-percentage) / 100));
            --img-left: calc(100% - var(--img-width));

            width: 50%;
            height: 100%;
            position: absolute;
            left: 50%;
            top: 0;
            z-index: 1;
        }
            .accueilServices_background img{
                width: var(--img-width);
                height: 100%;
                object-fit: cover;
                position: absolute;
                left: var(--img-left);
                top: 0;
                z-index: 1;
            }
            .accueilServices_background::before{
                content: "";
                width: var(--before-width);
                height: 100%;
                background: linear-gradient(to right, rgba(249, 249, 249, 1) calc(1% * var(--before-opaque-percentage)), rgba(249, 249, 249, 0) 100%);
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
            }
        .accueilServices_content-left{
            flex-grow: 1;
            position: relative;
            z-index: 2;
        }
            .accueilServices_images{
                display: flex;
                flex-direction: row;
                gap: 10px;
                width: 100%;
                height: 100%;
            }
                .accueilServices_images-column{
                    flex-grow: 1;
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                }
                .accueilServices_images-column:nth-child(2){
                    flex-basis: 10%;
                }
                    .accueilServices_image{
                        flex-basis: 0;
                        flex-grow: 1;
                        width: 100%;
                        position: relative;
                    }
                        .accueilServices_image img{
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            position: absolute;
                            left: 0;
                            top: 0;
                        }
        .accueilServices_content-right{
            flex-shrink: 0;
            flex-basis: 50%;
            position: relative;
            z-index: 2;
        }
            .accueilServices_text{
                width: calc(100% - 180px);
                padding: 40px 20px ;
                background: rgba(255, 255, 255, 0.5)
            }

@media (max-width: 1280px) {

    .accueilServices_background{
        display: none;
    }
    .accueilServices_text{
        width: 100%;
        background: rgba(249, 249, 249, 1);
    }

}

@media (max-width: 1024px) {

    .accueilServices{
        gap: 30px;
    }
    .accueilServices_content{
        gap: 20px;
    }
    .accueilServices_images-column:nth-child(2){
        display: none;
    }


}

@media (max-width: 768px) {

    .accueilServices_content{
        flex-direction: column;
    }
    .accueilServices_content-left{
        height: 300px;
    }
    .accueilServices_content-right{
        flex-basis: 100%;
    }

}