section.section-1 {
    background-image: url('../img/elissys_les_prods_du_corps.jpg');
}

section.section-2 {
    background-image: url('../img/elissys_les_creme.jpg');
}

section.section-3 {
    background-image: url('../img/elissys_la_lotion_2.jpg');
}

section.section-4 {
    background-image: url('../img/elissys_le_gel_douche.jpg');
}

section.section-5 {
    background-image: url('../img/elissys_le_peeling.jpg');
}

section.section-1 article.def-descr {    
    position: relative;
    top: 50%;
    left: calc(50% - 500px);
    width: 575px;
}

section article > h2 {
    padding-top: 10px;
    padding-bottom: 20px;
}

section article > p {
    padding-top: 0;
}

section article > .image {
    z-index: -1;
}

section.section-2 article {
    position: relative;
    top: calc(50% - 50px);
    left: calc(50% - 100px);
    width: 425px;
    padding: 20px;
    border-radius: 5px;
    color: #fff
}

section.section-2 article > .image {
    position: absolute;
    top: -250px;
    left: 300px;
    height: 500px;
    width: 500px;
    background-image: url(../img/elissys_creme_protectrice.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section.section-3 article {
    position: relative;
    top: calc(50% - 50px);
    left: calc(50% - 100px);
    width: 475px;
    padding: 20px;
    border-radius: 5px;
    color: #fff
}

section.section-3 article > .image {
    position: absolute;
    top: -200px;
    left: -475px;
    height: 600px;
    width: 600px;
    background-image: url(../img/le_serum_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

section.section-4 article {
    position: relative;
    top: calc(50%);
    left: calc(50% - 200px);
    width: 400px;
    padding: 20px;
    border-radius: 5px;
    color: #fff
}

section.section-4 article > .image {
    position: absolute;
    top: -250px;
    left: 425px;
    height: 600px;
    width: 600px;
    background-image: url(../img/gel_douche_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left
}

section.section-5 article {
    position: relative;
    top: calc(100% - 250px);
    left: 50%;
    width: 400px;
    padding: 20px;
    color: #fff
}

section.section-5 article > .image {
    position: absolute;
    top: -400px;
    left: 300px;
    height: 600px;
    width: 600px;
    background-image: url(../img/polisseur_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left
}