I have a static route map that shows a plane climbing along a 70-degree trajectory and touching several destinations in sequence. I’ll share the original image (PNG) as soon as the project starts. What I need back from you is a single, self-contained SVG that faithfully reproduces that illustration and animates it. Core behaviour • The plane icon follows the exact path from the image in a smooth linear transition—no bouncing or pauses, just a clean glide from origin through each point to the final destination. • Each stop on the route must be marked with a visible waypoint marker that appears exactly where it is in the reference artwork. • Colours, stroke widths, fonts, and proportions should match the source graphic so the animated SVG can replace the PNG without the rest of the layout changing. Technical notes • Native SVG animation (SMIL or CSS/JS keyframes—whatever keeps the file lightweight and easy to embed). • Keep the SVG optimised and readable; group and name layers logically so I can tweak colours later if needed. • No external assets—everything inline. Deliverable A standalone .svg file that I can drop into an HTML page and see the plane move smoothly across all waypoints exactly as in the reference image.