Slow down single image or text block animations

Site URL: https://www.sallydavies.co/

Hello,

I would like the image in the middle of my home page - 'Make your prose sing' - to appear on the page more slowly (a second or so behind) the elements that fade in at the top of the page. But none of the CSS modifications I've seen appear to work when I put them in the custom CSS. Can you help?

37 minutes ago, daviesally said:

Site URL: https://www.sallydavies.co/

Hello,

I would like the image in the middle of my home page - 'Make your prose sing' - to appear on the page more slowly (a second or so behind) the elements that fade in at the top of the page. But none of the CSS modifications I've seen appear to work when I put them in the custom CSS. Can you help?

I can find the image as you mentioned before

Can you describe more detail about it?

With your description above, i think the lazy effect that show up when user scroll over it, is your desire d result

Some thing like that

Thank you! The image file is the words 'Make your prose sing.' I made it an image so I could have access to Squarespace's 'off the shelf' image animations, but I would also be fine with coding it as headline text, if there were a way to create a slower animation. I don't want it to only appear when a user scrolls, but just a few seconds after the title text when they land on the page.