How do I get a custom cursor?

I'm trying to add a custom cursor to my site, but doesn't seem to be working. I only have a personal plan so I can't use the code injector, but I've tried a bunch of variation of

html, body {
    cursor: url(https://static1.squarespace.com/static/5e5c0af8805a63534f14755f/t/601aebcb4fc4641a859e5821/1612377035981/Asset+2.png),auto !important;

}

I was looking through the forum and found this solution someone posted from 2016

html, body {
     cursor: url(https://static1.squarespace.com/static/5e5c0af8805a63534f14755f/t/601aebcb4fc4641a859e5821/1612377035981/Asset+2.png), auto;
   }

a:hover {
cursor: url(https://static1.squarespace.com/static/5e5c0af8805a63534f14755f/t/601aebcb4fc4641a859e5821/1612377035981/Asset+2.png), auto !important; 
}

input {
cursor: url(https://static1.squarespace.com/static/5e5c0af8805a63534f14755f/t/601aebcb4fc4641a859e5821/1612377035981/Asset+2.png), auto !important;  
}

textarea {
cursor: url(https://static1.squarespace.com/static/5e5c0af8805a63534f14755f/t/601aebcb4fc4641a859e5821/1612377035981/Asset+2.png), auto !important; 
}

.sqs-system-button {
    cursor: url(https://static1.squarespace.com/static/5e5c0af8805a63534f14755f/t/601aebcb4fc4641a859e5821/1612377035981/Asset+2.png),auto !important; 
}

But this also didn't work. I was able to occasionally see my custom cursor, but most of the time it was the default and I was having issues with being able to click links. Does anyone know a solution?

Can you share site url? We can checkeasier

Hi,

I'm looking to have an animated cursor for my website, but I'm new to using css and other coding languages and I can't solve it. I have managed to replace the arrow for an emoji but I want an animation similar to this. The second link is for code I have found for it but I don't know where to implement it. ¿Does anyone know if it is possible to do something like that in squarespace?

https://ascale.es/

https://codepen.io/clementGir/pen/RQqvQx

Thank your for any help you can give me, cheers!