.foundation-media-frame {
  position: relative;
  overflow: clip;
}

.foundation-media-frame :is(img, picture) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.foundation-media-frame--landscape {
  aspect-ratio: 16 / 9;
}

.foundation-media-frame--square {
  aspect-ratio: 1 / 1;
}

.foundation-media-frame--person {
  aspect-ratio: 4 / 5;
}

.foundation-media-frame--person :is(img, picture) {
  object-position: top center;
}

.foundation-media-frame--organisation {
  aspect-ratio: 3 / 1;
}

.foundation-media-frame--organisation :is(img, picture) {
  object-fit: contain;
}