/* Only defer decorative images when the observer is ready. Text, layout and
   ordinary no-JavaScript rendering do not depend on these loading classes. */
html.cm-defer-backgrounds .cm-quote-canvas__image:not(.is-background-ready),
html.cm-defer-backgrounds .cm-approach-canvas__image:not(.is-background-ready),
html.cm-defer-backgrounds .cm-investments-canvas__card:not(.is-background-ready),
html.cm-defer-backgrounds .cm-careers-location-band:not(.is-background-ready),
html.cm-defer-backgrounds [data-hero-random-slide]:not(.is-background-ready) {
    background-image: none !important;
}

/* Keep the loaded first frame behind the rotation, including when a script or
   later photo is slow. Unavailable slides must not cover it with their overlay. */
html.cm-defer-backgrounds .cm-hero-canvas__slide--original {
    animation: none;
    opacity: 1;
}

html.cm-defer-backgrounds [data-hero-random-slide]:not(.is-background-ready) {
    opacity: 0 !important;
}