#background-layer-far {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100vw; 
    height: 100vh;
    
    background-image: url(../assets/images/BGimovel.png); 
    background-size: cover; 
    background-position: left bottom; 
    background-repeat: repeat;
    
    z-index: -6; 
}

#mid-ground-layer {
    position: fixed;
    top: 0;
    left: 0;

    width: 3013px; 
    height: 1080px;
    background: url(../assets/images/teste\ 2.png); 

    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: -5; 
}

#mid-ground-layer2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 3013px; 
    height: 1080px;
    background: url(../assets/images/Nuvem-1.png); 
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: -4;
}

#nuvem {
    position: fixed;
    top: 0;
    left: 0;

    width: 3013px; 
    height: 1080px;
    background: url(../assets/images/Nuvem2.png); 
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: -3;
}

#ground {
    position: fixed;
    top: 0;
    left: 0;
    width: 3013px; 
    height: 1080px;
    background: url(../assets/images/forground.png);
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: 1;
}

#ground2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 3013px; 
    height: 1080px;
    background: url(../assets/images/forground2.png); 
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: 2;
}

#foreground-element {
    position: absolute; /* Controlled by JS, relative to the document */
    visibility: hidden;
    top: 50vh;
    left: 150vw; 
    font-size: 5rem;
    z-index: 10;
}