You can also try to add the code snippets I used:
1. First create a code block where you want to place the animation. Inside the code block, add the code below:
<h1>
BECOME A <br>
<span class="typewriter"></span><br>
OF THIS REALM
</h1>
2. Then on your Squarespace dashboard, go to Settings > Developers Tools > Code Injection
Add this code under Header:
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
Then add this code under Footer:
<script>
var typed = new Typed('.typewriter', {
strings: ['Student', 'Master', 'Light'],
typeSpeed: 120,
loop: true
});
</script>
Let me know if you face any issues. Thanks!