.single-product .csp-main-image {
    position: relative !important;
    isolation: isolate;
}

.single-product .csp-main-image > img {
    position: relative;
    z-index: 2 !important;
}

.single-product .csp-hero-animation.csp-layer-overlay {
    z-index: 3;
    mix-blend-mode: screen;
    background: radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--csp-anim-primary) 10%, transparent), transparent 62%);
}

.single-product .csp-hero-animation.csp-layer-behind {
    z-index: 0;
}