Custom cursor : problem with pointer zone

Site URL: https://charlesjenny.ch

Hey, 

I've been trying to set up my own cursor on my website. A big crosshair. Here is the code I've used, including the active URL to my png (not live now - as it was not working I've replaced it with HTML basic crosshair -> cursor : haircross) :

body, html {

  cursor: url(https://zupimages.net/up/21/09/t5pr.png), auto;

}

The code is working but the pointing zone of my PNG file is not centered. 

For example, Thomas Le Provost — About, the custom cursor changes to the "hand" only when the center of the crosshair is hovering a clicking zone. And the hand would also appears as where the center of the cross is. The same does not happen to my custom crosshair. The pointing zone is not the center and the hand appears on the above left side on my cross. 

Thank you very much for your help !

Robin