I have some circles with SVG images (logos) on top. Those circles should act as a link with a hover effect (revealing a short description).
Most of it is working fine, but the image on top of the circle knocks out the hover effect. So when I hover the circle the hover effect starts, but when the mouse is over the image it (logically) stops the effect.
But how can get my hover effect on the whole shape and not only in the visible part of it?
Attached is a simple demo.
Hover.zip (18.3 KB)