/* Portrait */
@media screen and (max-aspect-ratio: 6/5) {
    .map {
        width:35%;
        aspect-ratio:1/1;
        bottom:30%;
        right:0;
        display:inline-block;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }
}

/* Landscape */
@media screen and (min-aspect-ratio: 6/5) {
    .map {
        width:30%;
        aspect-ratio:1/1;
        bottom:33%;
        right:0;
        display:inline-block;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }
}

video {
    width:100%;
}