.paralax-scope{
    background: linear-gradient(to bottom, #a0ccd2 , #d7e1dc 30%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 320vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


#cloud-section {
    position: fixed;
    top: 0;
    left: auto;
    width: 100%;
    height: 150%;
    background-image: url('https://histoireenmains.com/wp-content/themes/hello-child/homepage/images/clouds_001.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    /* background-position: top -12vh left -5vw; */
    background-size: auto 100%;
    background-repeat: no-repeat;
    /* background-position: top -12vh left -5vw; */
    background-position-x: calc(50% + 18vh);
    background-position-y: calc(0% - 10vh);
    mix-blend-mode: lighten;
}