Hello everyone.  What i'm trying to achieve is to have a smooth scroll effect applied to a .main div that wraps the whole page.  The effect i reached is great but in the moment in which i add triggers inside, the position of them is wrong and seems affected by the smooth effect in a wrong way.   This is the code for the page smoothing part: gsap.to(".container", { yPercent: -100, y: "100vh", scrollTrigger: { scrub: 1, trigger: ".container