[Text animation is not smooth (Locomotive scroll+GSAP+scrolltrigger)]

Animation not working perfectly. The main goal is to achieve smoothness. But I am not able to getting it. When you scroll down to the page animation feels like laggy or working a bit slowly specially if you scroll faster you will see it stuck into the page sometimes. Please help me on this one. I am really stuck into this from last couple of days. 

See the Pen wvygmBR by thefrontendfreak (@thefrontendfreak) on CodePen

[Animation judders on scroll (Locomotive scroll with gsap & scroll trigger)]

See the Pen wvygmBR by thefrontendfreak (@thefrontendfreak) on CodePen

here is the pan link. So if you scroll a bit fast or sometime on normal scroll you will see a slow animation or bug. Let me know if any pro can help me on this 

[Animation judders on scroll (Locomotive scroll with gsap & scroll trigger)]

Hello there!
facing a strange problem. When scrolling through the site the animation is working bit slowly or creating judders. Sometimes the scroll get slow as well. Please help me on this. 

One of the code sample :
 

 gsap.to('.aboutHero__semiTitle h2 .char', {

                    delay: .8,

                    y: 0,

                    opacity: 1,

                    ease: "easeInOut",

                    stagger: 0.004,

                    duration: .5,

                    lazy: false,

                    scrollTrigger: {

                        trigger: '.aboutHero__semiTitle',

                        scrub: false,

                        start: "top 70%",

                        scroller: ".smooth-scroller",

                        pin: 0,

 

                    }

                })

Cant share the codepen as the site is on my staging server right now