/* Prevents white image frames while the CDN source is being warmed or decoded. */
img[data-image-ready="false"] {
    background-color: #edf0f2;
    background-image: linear-gradient(105deg, #edf0f2 18%, #f8f9fa 42%, #edf0f2 66%);
    background-size: 220% 100%;
    animation: image-load-guard-sheen 1.15s linear infinite;
}

img[data-image-ready="true"] {
    animation: none;
    background-image: none;
}

@keyframes image-load-guard-sheen {
    from { background-position: 220% 0; }
    to { background-position: -20% 0; }
}

@media (prefers-reduced-motion: reduce) {
    img[data-image-ready="false"] {
        animation: none;
        background-image: none;
    }
}