.oak-map {
    width: 100%;
    aspect-ratio: 5/2;
}

.oak-row-2-col-50-50 .oak-map {
    max-width: 50%;
    aspect-ratio: unset;
}

.oak-row-2-col-50-50 .oak-map:before {
    padding-bottom: 75%; /* 4/3 */
    content: "";
    float: left;
}

.oak-row-2-col-50-50 .oak-map:after {
    display: table;
    content: "";
    clear: both;
}

.oak-map-frame {
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 1024px) {
    .oak-map,
    .oak-row-2-col-50-50 .oak-map {
        max-width: 100%;
        aspect-ratio: 16/9;
    }

    .oak-row-2-col-50-50 .oak-map:before,
    .oak-row-2-col-50-50 .oak-map:after {
        content: none;
    }
}

@media (max-width: 768px) {
    .oak-map,
    .oak-row-2-col-50-50 .oak-map {
        aspect-ratio: 1;
    }
}