Logo animation: cross-browser, mobile - how?

Question

css

Perhaps the question is stupid, but I don’t even know which side to approach)
I need: to make a logo for the site. The logo will consist of a static text (company name) and an animated picture (svg or png - don't care), which should either rotate cyclically back and forth by 30 degrees, or, even better, rotate randomly - either clockwise or counterclockwise . Be sure to cross-browser, be sure to display adequately on mobile devices, preferably - the minimum weight (the picture itself is light).
How?

Answer 1

I'm more friends with 3D, so I advise you to view the site https://www.blend4web.com/ Play around with the logo and read about the technology at the same time. There's an article somewhere on how to do it.

Answer 2

https://learn.javascript.ru/css-transitions
caniuse.com/#feat=css-animation

Answer 3

daneden.github.io/animate.css