What is the best way to make an interactive picture?

Question

JavaScript

There are a couple of little men, organs are drawn on them. When the hover is backlit, when you click a modal with info.
The minimum task is to get selectors on them in js.
The task is to do the maximum, so that it would be possible to edit the position, picture, etc. in the admin panel.
There is no picture yet, but it will be in this style:


I see several options, please suggest the best one, since there is no real experience in such tasks.

1. Insert SVG with code. It will be difficult to make pictures, but then just manipulate and make adaptive.
2. A bunch of pictures - absolute positioning. You can add photos on top from the admin panel by setting indents. With the adaptive xs, you probably have to suffer.
3. One picture, everything else in js should be written by calculating margins from the edges. There will probably be hell with the adaptive.
4.canvas? everyone does not reach the hands to figure it out, if it's convenient - write, I'll figure it out.

Answer 1

Well, I'm doing svg. By the way, you posted an example on codepen

Answer 2

There are a couple of little men, organs are drawn on them. When the hover is backlit, when you click a modal with info.

What is this for? Site for the sale of organs? Is this all legal?