[Hello Gsap community i need a clarification about the scrolltrigger plugin in Gsap v3.8 using in Angular 12]

Finally i found why Scrolltrigger doesnt work with me.... Becoz the main content in inside the mat-sidenav-content... So that it doesnt works. Is there any solution for implementing the scrollTrigger inside the mat-sidenav-content

[Hello Gsap community i need a clarification about the scrolltrigger plugin in Gsap v3.8 using in Angular 12]

See the Pen QWMdLwy?editors=0010 by prathap_gl (@prathap_gl) on CodePen

 this is the codepen of my project. I'm trying the trigger the text class for scrolling animaiton, but it doesn't works. Please give me a solution

[Hello Gsap community i need a clarification about the scrolltrigger plugin in Gsap v3.8 using in Angular 12]

How to target a class using scrolltrigger in Angular 12, please help me.

Like in this image, I'm trying to target a text which class is named as "beginner-txt", trying to animate it using scrolltrigger. But it doesn't

[Hello Gsap community i need a clarification about the scrolltrigger plugin in Gsap v3.8 using in Angular 12]

As i was using the angular 12 to build the webapp i'm trying to use the scroll trigger animation in my project, the thing is the initial animation is working fine. But when it comes to ScrollTrigger in doesn't works in angular. I dont know why... I want to target a particular class in HTML to animate it using the scrolltrigger plugin