Is it possible to have a hover svg shape on a website without it reacting to its invisible background?

Question

I\'ve made an interactive map with separate zones that react to hover. Each zone shape is an svg image placed on top of the map image. The thing is, each svg element is seen