Is it possible to use SVG as an interactive background?

Question

Layout

The SVG is inserted directly into the HTML via the . As I understand it, using img and background-image it will not be possible to hang hover on SVG. Is it possible to use SVG as a container that will contain other elements (text, pictures), but so that the SVG itself can be interacted with? Example - https://codepen.io/anon/pen/wxEYBo Template - https://w3layouts.com/bhagaskara-onepage-multipurp...<svg>

Answer 1

https://codepen.io/anon/pen/QBZbOO

Answer 2

view the svg file in the editor -> copy all the code except for the xml tag -> paste the whole thing where you need it -> how in html you can call the elements that you want to make interactive call through classes -> well, let's go. only if you want to do things like hover effects or gradients, google is here to help. I hope there will be no difficulties
ps styles must be written inside svg through the style tag

Answer 3

Use d3 instead of jquery. Or like anime.js