Changing cursor for UX project

I would like to learn how to make a simple HTML file where my cursor is changed to a custom image while also being tracked with no latency across the page (same function as on my OS which is mac, but I wish to use a new cursor for my UX project).

I have read all CSS property rules¹. The problem is these work only for when I hover over a div attribute or a button, when I want it to work permanently.