.static-crop { display: block; overflow: hidden; }
.static-crop:not(.hero-image) { position: relative; }
.static-crop > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    /* With cover size R, frame C, zoom z and position p, the visible
     * offset is z*(C-R)*p + (1-z)*C*p = (C-z*R)*p.
     * This spans all zoomed overflow and cannot uncover the frame. */
    object-position: var(--static-x, 50%) var(--static-y, 50%);
    transform: scale(var(--static-zoom, 1));
    transform-origin: var(--static-x, 50%) var(--static-y, 50%);
}