The images crashed after i scrolling the page.
the code is below:
let tl = gsap.timeline({ repeat: -1, repeatDelay: 1 });
useEffect(() => {
tl.to(slideRef1.current, {
duration: 1,
ease: "linear",
opacity: 1,
delay: 0,
x: -20,
})
.to(slideRef1.current, {
duration: 3,
ease: "linear",
delay: 0,
x: -100,
})
.to(slideRef1.current, {
duration: 1,
ease: "linear",
opacity: 0,
delay: 0,
x: -120,
display: "none",
zIndex: -1,
})
.to(slideRef2.current, {
duration: 1,
ease: "linear",
opacity: 1,
delay: 0,
x: -20,
})
.to(slideRef2.current, {
duration: 3,
ease: "linear",
delay: 0,
x: -100,
})
.to(slideRef2.current, {
duration: 1,
ease: "linear",
opacity: 0,
delay: 0,
x: -120,
display: "none",
zIndex: -1,
})