Custom Cursor not working with slider

Hi! I would like to make this image my cursor when it is hovering over the right side of the image, which is housed in a slider. I made the link element 50% of the image, and added the class “.right.”

I’ve read all the tutorials and can’t figure out what I’m doing wrong. Thank you!

Here’s the code i’ve input into the header:

.right { cursor: url('https://uploads-ssl.webflow.com/5f3c2483d7dfe4689e53f708/5f602e9217d4d97daa15cc38_Strawberry_rightcursor.png’), default; }

Here is my site Read-Only: Webflow - Abbie Winters — Portfolio