mfosmfos

Hi, I'm trying to animate in HTML sections containing some content on scroll using scollmagic but all my sections are being animated at the same time. See codepen i've created. I'm very fresh with JS so likely i've overlooked something or its not possible the way I'm implementing it. My idea is that each section shares the same animation, but just fired as and when it comes into the viewport. Clearly i've missed something. Hope someone can help. Thanks.