@keyframes shop-hero-zoom {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

.shop-hero-zoom {
    animation: shop-hero-zoom 20s cubic-bezier(0.37, 0, 0.63, 1) infinite;
    backface-visibility: hidden;
    transform-origin: center;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .shop-hero-zoom {
        animation: none;
        transform: none;
    }
}