#transparent-layer{
    background-color: rgba(0,0,0,0.2);
    width: 100%;
}

.fade{
    margin:0;
    padding:0;
    position:fixed;
    width:25%;
    height:100vh;
    z-index:500;
    top:0;
    background-size:cover;
}

.fade--right{
    right:0;
}

.fade--left{
    left:0;
    transform:scaleX(-1);
}

#background-image{
    background-image:url("../src/background_0.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:70vh;
    position:relative;
}

#center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:60%;
}

#center-down{
    position:absolute;
    top:70%;
    left:50%;
    transform:translateX(-50%);
    width:50%;
}

@media only screen and (min-width:1000px){
    #background-image{
        height:100vh;
        position:absolute;
        top:0;
        left:0;
    }

    #center-down{
        top:77%;
        width: 30%;
    }
    
}