https://i.sstatic.net/IAh0h.jpg
There is an image above with 6 gears (circles with pointy edges). My goal is to separate them into individual pictures and, on each picture's hover, have a relevant line with text appear. How can I achieve this?
The alignment of the gears should remain the same after slicing the image.
I am struggling with how to approach this problem. One potential solution could be to slice them up and then absolute position all of them, ensuring it works on screens at least the size of this image.