I'm trying to change my cursor appearance to a left arrow when on the left half of my screen and a right arrow when on the right half of the screen. Specifically, wondering how to do this with Javascript. Something that looks like [this](https://shewasonly.co.uk/).

Tried doing it based on mouse location as well as overall page width (ie. if x-mouselocation > page width: change to right cursor). But couldn't get it to work.

Any suggestions?