Custom Cursor on site

Site URL: https://www.emwatsonmedia.com

Hello!

I'm still relatively new to understanding code - I started messing around with CSS about 6 months ago. I've made myself a simple custom cursor with the code below, but I'm hoping for something a little more exciting.

I'd love something like this: https://codepen.io/netatani/pen/gVMNyr, or even something as wild as this: https://codepen.io/renatorib/pen/gBLDA.

Thanks in advance for your help!

The code I'm using below for a simple cursor from a png image: 

html, body {

         cursor: url(), default ;

     }

a:hover {cursor: url(), auto !important; 

}

Hi. Both are very complex.

you can post on some FB groups
+ Squarespace Customization Resource Groups
+ Squarespace Community
+ Squarespace Entrepreneur
+ Squarespace Rockstars