.map {
    position: relative;
}

.map__map {
    width: 100%;
    /* height: 32rem; */
    height: calc(384px + (512 - 384) * (100vw - 320px) / (1920 - 320));
}

.map__building-img {
    position: absolute;

    top: 50%;
    left: 6rem;
    transform: translate(0, -50%);

    height: 22rem;

    border-radius: var(--border-radius_m);

    box-shadow: var(--box-shadow);

    transition: box-shadow 0.5s ease-in-out;

    z-index: 1;
}

.map__building-img:hover {
    box-shadow: var(--box-shadow_active);
}