I'm building a full height header where I first animate some text in and then fade it out using ScrollTrigger.
gsap.registerPlugin(ScrollTrigger);
// let intro = gsap.timeline();
// intro
// .from(".t1", {lazy: false, y: "-3vh", opacity: 0, duration: 0.6})
// .from(".t2", {lazy: false, y: "-2.5vh", opacity: 0, duration: 0.6}, 0.3)
// .from(".t3", {lazy: false, y: "-2vh", opacity: 0, duration: 0.6}, 0.6);
let outro = gsap.timeline({
scrollTrigger: {
trigger: ".hero",
s