Comfort Food Spread — CSS Art 🍜🍕🍛🍔

This is a submission for Frontend Challenge - Comfort Food Edition, CSS Art.

Inspiration

Four comfort foods that will never fail: ramen, pizza, biryani, and the burger.
Each has its own panel with a warm tone, which is made completely using SVG shapes and CSS animations.

Demo

CodePen Url: https://codepen.io/Elsie-Raine/pen/RNKqgaR

Journey

For all four of the food illustrations I used pure SVG, with no images and no libraries.
The foods are made up of shapes such as ellipses, paths, and polygons.
The steam rising from each dish is animated with CSS @keyframes,
There's a wobble of cheese on the pizza and a drip of ketchup on the burger as an amusing detail.