#overlay {
    display: none;
    z-index: 9999;
}

#overlay > * {position: absolute;}
#overlay > *.--small {width: 30vw;}
#overlay > *.--medium {width: 50vw;}
#overlay > *.--large {width: 70vw;}
@media only screen and (min-width: 1096px) {
    #overlay > * {width: auto !important;}
    #overlay > *.--small {height: 30vh;}
    #overlay > *.--medium {height: 50vh;}
    #overlay > *.--large {height: 70vh;}
}