.modern-media-grid figure.video-frame {
  background: #20140f;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modern-media-grid figure.video-frame video {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  max-height: 640px;
  object-fit: contain;
  background: #20140f;
}

.modern-media-grid figure.video-frame figcaption {
  align-self: stretch;
  background: #eee3d5;
}

.admin-media-grid video,
.mobile-media-grid video {
  height: auto;
  aspect-ratio: auto;
  max-height: 520px;
  object-fit: contain;
  background: #20140f;
}

.media-expired {
  gap: 8px;
}

.media-expired .button {
  margin-top: 10px;
}