.single-post .article-hero__media {
  aspect-ratio: 16 / 9;
  border-radius: 24px;
  overflow: hidden;
}

.single-post .article-hero__media > img,
.single-post .article-hero__media > .wp-post-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: inherit;
}

@media (max-width: 1000px) {
  .single-post .article-hero__media { aspect-ratio: 16 / 9; }
}

@media (max-width: 680px) {
  .single-post .article-hero__media { aspect-ratio: 16 / 9; }
}