JSFiddle - React, Tailwind, and code Playground

HTML

<div id='circle64'>
    Cursor will<br>be</br>different here.
</div>
<br><br><br> 
<div id='circle32'>
        Cursor will<br>be</br>different here.
</div>
<br><br><br>
<div id='circle24'>
    Cursor will<br>be</br>different here.
</div>

CSS

#circle64 {
    cursor: url('http://www.iconsdownload.net/icons/64/16574-black-circle.png'), pointer;
}
#circle32 {
    cursor: url('http://www.iconsdownload.net/icons/32/16574-black-circle.png'), pointer;
}
#circle24 {
    cursor: url('http://www.iconsdownload.net/icons/24/16574-black-circle.png'), pointer;
}