CSS animation

I’m experimenting with CSS animations. I’m making a Malevich-like animation. For this I have made a SVG design in a drawing program. Then transfer all signed blocks to CSS. This is a lot of work, maybe next time I can see if I can work directly from CSS. I put the sizes in pixels and I made the positions of each block. In the future, I think it’s easier to set the percentages so that the animation does not go outside the viewport. I went on to experiment by animating the positioning of the blocks. The blocks were first completely animated and then relative to each other, thus shifting the entire composition. This creates a complex animation in an animation.