important tip for using custom cursors

hey fellow new users! when you're adding a custom cursor to your page, i'd recommend double checking to make sure there isn't a large amount of transparent space around the image. here's my current cursor, from cursors-4u:
https://i.imgur.com/jkKQujy.png
i could just right click and copy the url to the image, paste it into my site and be good to go. but instead of doing that, i'm going to copy the image itself, open it up in ms paint and check it out
https://i.imgur.com/c5m1PQ1.png
woah, that's a lot of empty space! so what's the issue?
https://i.imgur.com/Jhac8D1.png
ooooohhhhhh.
i do a lot of my site in adhd-induced rapid fire bursts, so my favorite site to use to crop images like this (and also do literally anything else) is ezgif. you can keep your image animated, transparent and crop it all at once!
i'm assuming lots of you are new to designing your own webpage, and it thrills me to see so many people trying it out. this is just some friendly advice from one n00b to the rest. make sure you're able to click on things on your page with the very tip of your custom cursor, and you don't have to move the cursor down slightly use it! it makes a big difference in the quality of your web design. :}