.media-full {
    display: flex;
    flex-wrap: wrap;
    @media (max-width: 640px) {
        flex-direction: column;
    }
}

.media-full__item {
    position: relative;
    flex: 1;
    @media (max-width: 640px) {
        flex: inherit;
        width: 100%;
    }
}
.images-full__link{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}

.media-full__item svg,
.media-full__item img,
.media-full__item video {
    display: block;
    width: 100%;
    object-fit: cover;
    height: calc(100vh - 62px);
    @media (max-width: 1080px) {
        height: calc(100vh - 55px);
    }
    @media (max-width: 992px) {
        height: auto;
    }
    @media (max-width: 640px) {
        height: calc(50vh - 27.5px);
        height: calc(var(--vh, 1vh) * 50 - 27.5px);
    }
}