Can I edit animation timings?

Site URL: https://dolphin-llama-7w2z.squarespace.com/

I have a row of 4 images — the first image is a "1", the second is a "2", and so on.

(The site is currently at https://dolphin-llama-7w2z.squarespace.com/, and the password to get in is "adhd").

Right now I have them animated, activated when the viewer scrolls down to see them. 

What I'd love, though, is to have the "1" animate first, and then after a half-second, have the "2" animate, and then after another half-second, have the "3" animate, and again with the "4".

It seems like this should be simple...ish?, but I'm not sure how to do this!

Anyone have an idea? (Or you can just dissuade me from trying this! That'd work, too.)

How did you create animate text, with SS setting or custom code? If custom code, can you share code here?

On 5/10/2020 at 2:13 AM, tuanphan said:

How did you create animate text, with SS setting or custom code? If custom code, can you share code here?

I just used the SS setting. (Do you think it would be easier to make the animations occur in sequence if I used custom code?)

Oh, and I'm using SS 7.1.

(The site's now live at adhdSAT.com, if that makes it easier to see!)