Gustavo Scarpim

I want to merge this example https://codepen.io/cameronknight/pen/pogQKwR with this example https://codepen.io/GreenSock/pen/KKpLdWW, but i'm having trouble getting it work correctly.

My code: export function transformTitle(array) { array.map((_, index) => { return tl.from("#title" + index, { opacity: 0, ease: SlowMo.easeOut, duration: 0.04, }); }); } export function transformSubtitle(array) { array.map((_, index) => { return tl.from("#subTitle" + index, { opacity: 0, ease: SlowMo.easeOut, duration: 0.04, }); }); } var tl = gsap.timeline(); const ititle = "Mega man"; const result = ititle?.split(""); setTitle(result); const isubtitle = "Nintendo"; const result2 = isubtitle?.split(""); setSubTitle(result2); tl.from("#card1", { opacity: 0, duration: 0.8, rotationY: 180, stagger: 0.2, }).from("#titulo1", { opacity: 0, duration: .5, onStart: function () { transformTitle(result); }, }).from("#subtitulo1", { opacity: 0, duration: 1, onStart: function () { transformSubtitle(result2); }, });

ezgif.com-gif-maker.mp4

How to make animation below with Gsap?