Custom animation code for slide backgrounds not repeating

Ask the community
, , ,
1

I added code to my slideshow repeater (the only viable full width slideshow option in studio) so that the background image of each slide would zoom and pan. It works fine in the preview, repeating each time the slide changes. In the live site, it only plays the animation on the first slide and then never again.

The site is here: https://cardinalpointstci.wixstudio.com/my-site and I have the slideshow repeater set to 1 second transitions with 5 second pauses for each slide. The slide background is imageX13 throughout the repeater.

Here is the code I’m using:

import { timeline } from 'wix-animations-frontend';

$w.onReady(function () {
    const slideTimeline = timeline({
        repeat: -1, 
        repeatDelay: 1000, 
        yoyo: false
    });

    slideTimeline.add($w('#imageX13'), {
        duration: 5000,
        scale: 1.25,
        x: 125,
        easing: "easeInOutSine",
    });

    slideTimeline.play();
});

Any assistance with this would be helpful and much appreciated.