Changing cursor to own image

I have multiple image sliders on my page, and I want the cursor to change to arrows in the same font I have used throughout the page, when hovered over the left and right sides of the slider, to indicate sliding to the left or right for the next image. Does anyone know if theres an easy way to do this? I have attached a picture of what I want for reference :

Here is my public share link:
(how to access public share link)