Animation controlled with JS not working properly on the first loop

Question

I have this animation on the website that is supposed to work in a given order (Section 1 appears before Section 2, Section 2 appears before S