/* Generic portrait-media support for mixed 16:9 / 2:3 card feeds */

[data-image-layout="portrait"] {
  aspect-ratio: 2 / 3 !important;
}

[data-image-layout="portrait"] img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 640px) {
  .av-news-card__image[data-image-layout="portrait"],
  .av-home-card__image[data-image-layout="portrait"],
  .av-blog-index-card__image[data-image-layout="portrait"],
  .av-strain-card__image[data-image-layout="portrait"] {
    max-height: min(72vh, 560px);
  }
}
