.data-map gsb-map {
    aspect-ratio: 3 / 4;
    margin-bottom: 1rem;
}


@media (min-width: 576px) {
    .data-map gsb-map {
        aspect-ratio: 4 / 3;
    }
}

@media (min-width: 992px) {
    .data-map--left, .data-map--right {
        display: flex;

        .data-map__details {
            flex: 1 1 100%
        }

        .data-map__map {
            flex: 1 0 100%;
            max-width: 50%;
        }

        gsb-map {
            aspect-ratio: 3 / 4;
        }
    }

    .data-map--left {
        .data-map__map {
            margin-right: 3rem;
        }
    }

    .data-map--right {
        .data-map__map {
            order: 1;
            margin-left: 3rem;
        }
    }
}