.media_grid {
    padding: calc(var(--typo-gap) / 2);
}
.media_grid_item {
    position: relative;
    aspect-ratio: 1 / 1;
}
@media screen and (min-width:40em){
    .media_grid_item.medium-8 { aspect-ratio: 2 / 1; }
}

.media_grid_item > * {
    position: absolute;
    top: calc(var(--typo-gap) / 2);
    left: calc(var(--typo-gap) / 2);
    right: calc(var(--typo-gap) / 2);
    bottom: calc(var(--typo-gap) / 2);
    width: auto; height: auto;
}
.media_grid_item > .audio_wrapper {
    padding: calc(var(--typo-gap) * 2);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.media_grid_item .data_ratio {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: auto; height: auto;
}
.media_grid_item img,
.media_grid_item video {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}