Logo CSS animation

Job ID: 35431511

Budget: $10 – $15 USD

I want my SVG logo to be animated in CSS. Currently, it is animated as GIF.
I am attaching a GIF to explain the final result.
Also attached SVG file containing the logo.
I want this SVG to be animated via CSS only (no JS no XML and not Lottie. Only CSS).
In case it would help, I am also attaching some HTML files that contain some trials. You are free to use it or consider it as an example for the desired final result format.

--Required delivered file is an HTML file containing SVG element and CSS code only. Any other format will be rejected. The animated SVG needs to be scalable.

I have some similar projects so I hope to find someone that can work on ongoing tasks.
Related categories: CSS Animation HTML 2D Animation Logo Animation