#app{
    display:flex;
}



#preview{
    height: calc(100svh - 0px);
    /*CHANGE FOR WIDTH OF PREVIEW*/
    width:60vw;
    margin-top:0px;
}

#config{
    height:calc(100svh - 0px);
    /*CHANGE FOR WIDTH OF CONFIG*/
    width:40vw;
    overflow:scroll;
    padding:20px;
    margin-top:0px;
}


#preview{
    position:relative;
}

#preview div{
    position:absolute;
    top:0px;
    left:0px;
    overflow:hidden;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
     align-items: center;
     
}
 #preview div img{
     min-height:100%;
     min-width:100%;
     object-fit: cover;
    /*Offset image*/
    margin-left:-164px;
 }


@media only screen and (max-width: 800px) {
    #app{
        display:inline;
    }
 
    #preview{
        margin-top:0px;
        height:calc(50svh - 0px);
        width:100vw;
    }
    
    #config{
        height:50svh;
        width:100vw;
        margin-top:0px;
    }
}