Custom cursor change on hover when it shouldn't (over a gallery image)

Site URL: https://juliettebinet.fr/bois-jouets

Hi everyone, 

https://juliettebinet.fr/bois-jouets
password : juliettebiennee

I'm almost done building this website for a friend and we implemented a last minute custom cursor : a hand in general. This hands turns into a pointed finger when it comes on top of a link or an image link.

I just noticed that the hand also turns into a pointed finger when it goes on top of an image uploaded in a slideshow gallery even when this image is not clickable (no lightbox,  no link). 

like on this page on the image at the bottom : https://juliettebinet.fr/bois-jouets

I would like to avoid this change of cursor since it's misleading, it's not a clickable image. 

Any thoughts ? 

Here is the css code I used for the custom cursor so far :

/*custom arrow*/
html, body {
     cursor: url(https://juliettebinet.fr/s/Mouse_final_45.png), auto !important;
   }

a {
cursor: url(https://juliettebinet.fr/s/Mouse_final_hover_45.png), auto !important;
}

@Paul_M first of all, thank you for this! I was curious if you or someone out there knew how to make this work for the Gallery Type → "Slideshow: Reel"

I noticed you're using this, but I can't seem where to find it for the Slideshow: Reel

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href]

Hopefully you see this or get an email about this post, been trying to figure it out for week! Thanks in advance, here's the login info for the site to see what I'm talking about:

https://dinosaur-dogfish-arl4.squarespace.com/work
PW: food