To add this JavaScript code to your Squarespace website, you can follow these steps:

  1. Go to your Squarespace site and navigate to the page where you want to add the animation.

  2. Click on the "Edit" button to open the page editor.

  3. In the page editor, click on the "Settings" gear icon on the left-hand side of the screen.

  4. In the "Page Settings" panel, click on the "Advanced" tab.

  5. In the "Advanced" tab, scroll down to the "Page Header Code Injection" section.

  6. Paste the JavaScript code provided in the previous answer into the "Page Header Code Injection" section.

  7. Click on "Save" to save the changes.

Once you've added the JavaScript code to the page header, the animation should work as expected when you view the page on your Squarespace site.

To add this JavaScript code to your Squarespace website, you can follow these steps:

  1. Go to your Squarespace site and navigate to the page where you want to add the animation.

  2. Click on the "Edit" button to open the page editor.

  3. In the page editor, click on the "Settings" gear icon on the left-hand side of the screen.

  4. In the "Page Settings" panel, click on the "Advanced" tab.

  5. In the "Advanced" tab, scroll down to the "Page Header Code Injection" section.

  6. Paste the JavaScript code provided in the previous answer into the "Page Header Code Injection" section.

  7. Click on "Save" to save the changes.

Once you've added the JavaScript code to the page header, the animation should work as expected when you view the page on your Squarespace site.

Your text here