.map-block {
    position: relative;
    height: 300px;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    margin-top: -110px;
    background: var(--color-white);
}
.map-block__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 768px) {
    .map-block {
        height: 400px;
    }
}
@media screen and (min-width: 992px) {
    .map-block {
        margin-top: -185px;
        height: 550px;
    }
}