gsap.registerPlugin(SplitText, ScrollTrigger);

console.clear();

gsap.set(".split", { opacity: 1 });

document.fonts.ready.then(() => {
 let containers = gsap.utils.toArray(".container");

 containers.forEach((container) => {
 let text = container.querySelector(".split");
 let animation;

 SplitText.create(text, {
 type: "words,lines",
 mask: "lines",
 linesClass: "line",
 autoSplit: true,
 onSplit: (instance) => {
 console.log("split")
 return gsap.from(instance.lines, {
 yPercent: 120,
 stagger: 0.1,
 scrollTrigger: {
 trigger: container,
 // markers: true,
 scrub: true,
 start: "clamp(top center)",
 end: "clamp(bottom center)"
 }
 });
 }
 });
 });
});