/* Cross-fading cover background. Sits under the cover's overlay/gradient span,
   which core renders immediately after it. */
.wp-block-cover.has-slideshow > .cover-slideshow {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.wp-block-cover.has-slideshow > .cover-slideshow .cover-slideshow__layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition: opacity 1.4s ease-in-out;
}

.wp-block-cover.has-slideshow > .cover-slideshow .cover-slideshow__layer.is-active {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .wp-block-cover.has-slideshow > .cover-slideshow .cover-slideshow__layer {
        transition: none;
    }
}