Text animation for a SquareSpace website - CSS or Javascript

Hi my name is Tom an Industrial Designer based in the UK.

I am developing a new website in Squarespace and looking to create a simple text animation on the homepage. (Please find attached video). I have tried uploading Gif's and videos etc, but this just does not cut it. I have no CSS or Javascript knowledge and have spent some time experimenting without any luck. I am looking for a web developer to assist me to solve this problem. I have come to the conclusion that this is a simple task for an experienced developer, with the main challenge being the ability to embed this into a Squarespace banner image.

Ideally i am looking for someone with experience of working on Squarespace sites. Ideally this will be simple CSS code as I know this can be embedded easily. However understand to get a great animation it may need to be Javascript, which I have no experience of embedding into Squarespace.

Please get in touch if you can help. I am happy to negotiate on budget, as I dont know how complicated a job this is. However the caveat is that code must work in my Squarespace template.

Thanks
Tom