Custom mouse cursor

Site URL: https://www.jidoh.world

Hi,

I want to use a .png as a custom mouse cursor in my website.

I've tried using the code below

<style type="text/css">
body, html {
     cursor: url(imagelinkhere.gif), auto;
   }
</style>

from this link https://forum.squarespace.com/topic/70824-override-cursor-with-custom-image/#comment-348659

but doesn't work when I paste it into the custom CSS page.

Can anybody help me as I don't know anything about coding.. would really appreciate it!

Thx