/* Preserve each thumbnail's existing dimensions and its foreground in normal flow. */
.jp-thumbnail--portrait {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.jp-thumbnail--portrait > img.jp-thumbnail__foreground {
    position: relative;
    z-index: 1;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    transition: none;
}

.jp-thumbnail--portrait > img.jp-thumbnail__backdrop {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: blur(14px) saturate(.8) brightness(.82);
    transform: scale(1.25) !important;
    transition: none;
    pointer-events: none;
}

/* Keep Baca Juga and editor photos inside their existing responsive frames.
   This also overrides the article body image's height:auto rule before load. */
.jp-inline-related__image-link > img.jp-inline-related__image,
.jp-popular-card__media > img:not(.jp-thumbnail__backdrop),
.jp-popular-card__thumb > img:not(.jp-thumbnail__backdrop) {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}