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

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

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

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

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

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

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: 50%;
    width: 425px;
    padding: 20px;
    color: #fff
}

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

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

section.section-3 article > .image {
    position: absolute;
    top: -300px;
    right: -450px;
    height: 500px;
    width: 500px;
    background-image: url(../img/masque_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section.section-4 article {
    position: relative;
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    width: 350px;
    padding: 20px
}

section.section-4 article > .image {
    position: absolute;
    top: -100px;
    left: -400px;
    height: 500px;
    width: 500px;
    background-image: url(../img/gommage_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section.section-5 article {
    position: relative;
    top: calc(100% - 450px);
    left: calc(50% - 200px);
    width: 350px;
    padding: 20px
}

section.section-5 article > .image {
    position: absolute;
    top: -200px;
    right: -425px;
    height: 500px;
    width: 500px;
    background-image: url(../img/eau_de_beaute_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}