Ask HN: 2D animation basics for web developers

In my day job as a regular Joe web developer I'm frequently given a static Figma design that I need to turn into a frontend. In my case this results in a similarly static-looking frontend: there's a general absence of small dynamic animated bits that make the site feel a little more polished. Inspired by [1] I've been looking into using SVG more, but likewise struggling to come up with ideas how to animate them, how to make them feel right, what's considered good animation, basically at a loss where the starting point of learning the finer details of 2D web animation is. Is it all just trial and error or is there a method to how to do it?

[1] https://www.nan.fyi/svg-paths