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

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

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

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

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

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

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

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

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

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

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

section.section-3 article {
    top: 150px;
    left: calc(50% - 450px);
    width: 430px;
}

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

section.section-4 article {
    top: calc(100% - 350px);
    left: calc(50% - 100px);
    width: 430px;
    color: #fff
}

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

section.section-5 article {
    top: 50%;
    left: calc(50% - 100px);
    width: 400px; 
    border-radius: 5px;
}

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