How to make animations inside svg inserted via img?

Question

css

There are svg images like this:

Images

They are inserted through the img tag. And the task came to make them an animation. So that on the chart with a rocket, the rocket moves and numbers appear in turn. On the second screen, the gears should be spinning and circles on the chart.

How can I do that? Now I'm trying to write css with animation in the svg itself. It is desirable that it works when scrolling with the appearance of a screen in the visibility area. This is somehow necessary to add js (But at the expense of triggering when scrolling, this is not necessary, just wondering if it is possible)

Answer 1

Try opening the SVG file and pasting the code into the page without using img. Then find the desired element through devtools and animate it.