/* Preserve the prepared image proportions in article covers and blog cards. */
.article-hero__img .blog-cover-picture,
.our-articles__item-img .blog-card-picture {
    display: block;
}

.blog-index .our-articles__item-img img {
    height: auto;
    aspect-ratio: 16 / 9;
}

@media (max-width: 600px) {
    .blog-index .our-articles__item-img img,
    .blog-catalog .our-articles__item-img img {
        height: auto;
        aspect-ratio: 4 / 3;
    }
}

@media (min-width: 901px) {
    .article-hero__img .blog-cover-picture__image {
        height: auto;
    }
}