Cursor text not updating when background image changes

Design help Custom code
1

Hi! :slight_smile:

I’m implementing a custom cursor using GSAP and JavaScript that displays text when hovering over elements with a data-cursor attribute. The text updates correctly when the mouse moves, but I want it to update dynamically whenever the background image of the hovered element changes, even if the mouse is stationary.

I’ve tried using setInterval and MutationObserver to detect changes, but the text either doesn’t update at all or still depends on mouse movement. How can I ensure the cursor text updates dynamically whenever the background image of the hovered element changes?

Thanks in advance! :)

Cheers,
Leander

Here is my site Read-Only: Webflow - Show More