var animTl = gsap.timeline({
scrollTrigger:{
trigger:'.first-screen',
start:'15% top',
end:'25% top',
toggleActions:'play none none none',
},})
function tweenGS() {
var maxTime = 2;
animTl.add("p1")
.to(n6,{y:"-=160", repeat:1, duration: maxTime/2},"p1")
.to(n7,{y:"-=80", duration: maxTime},"p1")
.to(n3,{y:"-=400", repeat:2, duration: maxTime/4},"p1")
.to(n4,{y:"-=640", repeat:1, duration: maxTime/2},"p1")
.to(n5,{y:"-=80", duration: maxTime},"p1")
.to(n1,{y:"-=800", repeat:1, duration: maxTime/2},"p1")
.to(n2,{y:"-=240",duration: maxTime},"p1")
gsap.to(animTl, 2, {progress:1, ease: "power3.inOut"});
}
tweenGS();
please tell me what I'm doing wrong I need the function to start on a trigger