How to a custom cursor to website?

Hi, I am working on a website and I want to add this cool feature where it changes your cursor to something else. Take for example the we bare bears fandom wiki ( We Bare Bears Wiki | Fandom ). when you hover your cursor in the site it is replaced with a custom made cursor. I know how to make a cursor in photoshop just need to know how to implement it with html, css and javascript?

This is the Atom/Electron forum, so please stay on topic.

Thanks, and yeah sorry I forgot to look at the topics.