Essentially what I want is that when I hover over the light blue area, the TEXT1 box shows on the right hand side of the image as part of a div. When the mouse is not over the light blue area anymore, text disappears.
Likewise, when I move it and hover over the pink area, the TEXT2 box shows up as part of a div on the right side.
I have struggled to find something that works so any help is welcome.
Should you need any specific help, feel free to post back with your code in a working but simplified CodePen demo, along with a clear description of the problem, what you’d like to happen instead, and what you’ve tried to achieve it, and then we can offer suggestings based on that. Unfortunately we can’t troubleshoot an image.