.layout-c .media-slot {
  position: absolute;
  top: var(--media-top);
  right: auto;
  left: 50%;
  width: min(34vw, 45.6vh, 448px);
  aspect-ratio: 4 / 5;
  margin: 0;
  transform: translateX(-50%);
  overflow: hidden;
}

.layout-c .media-slot img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 760px) {
  .layout-c .media-slot {
    top: var(--media-top);
    right: auto;
    left: 50%;
    width: min(72vw, 33.6vh);
    height: auto;
    transform: translateX(-50%);
  }
}