HTML:

<img style ="padding-top: 20px;"  class = "cursor" src=images/cursor/wii-pointer-ccw.png  /> <!-- imports custom cursor -->


CSS:
     body {
 cursor:none;
}

.cursor {
    width: 2em;
    height: 2em;
    position: absolute;
    pointer-events: none;
}

JS:

const cursor = document.querySelector(".cursor")

document.addEventListener("mousemove", (event) => {

    const {width, height} = cursor.getBoundingClientRect()

cursor.style.left = `${event.clientX - width / 2}px`
cursor.style.top = `${event.clientY - height / 2}px`


})