/* ---- Centered Landsat image frame ---- */
#image-frame-wrap {
    position: relative;
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 20px; /* true center-state: centered in the viewport */
}
body.corner-mode #image-frame-wrap {
    /* Reserve the cornered Landsat, server card, and article gap. The exact
       value is set when the Landsat is selected because image ratios vary. */
    min-height: var(--corner-content-start, 0px);
    align-items: flex-start;
    padding: 0 20px;
}