.sa-background-slider {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.sa-background-slide {
    position: absolute;
    inset: -1px;
    background-image: var(--sa-slide-image);
    background-position: center;
    background-size: cover;
    opacity: 0;
    transform: scale(1.035);
    transition: opacity 1200ms ease, transform 6200ms ease;
    will-change: opacity, transform;
}

.sa-background-slide.is-active {
    opacity: 1;
    transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .sa-background-slide {
        transform: none;
        transition: none;
    }
}