/* Keep the complete illustration inside the category frame at every breakpoint. */
.category-page .page-intro__media,
.category-page .subcategory-directory__media {
    position: relative;
}
.category-page .page-intro__media > picture,
.category-page .subcategory-directory__media > picture {
    position: absolute;
    inset: 8px;
    display: block;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
}
.category-page .page-intro__media > picture > img,
.category-page .subcategory-directory__media > picture > img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
}