Responsive component using flex

What are you most proud of, and what would you do differently next time?

I reverted back to doing this project from plain CSS as I thought that I had been out of practice. Next time would like to use a framework to have better control over the elements.

What challenges did you encounter, and how did you overcome them?

Setting the background position to the right area got me scratching my head for a while there. Also, as I had already set the colors in variables the shadow color was a bit hard to get right, so created a new variable with opacity to get the right shadow color.

What specific areas of your project would you like help with?

Would appreciate any feedback on the code structure and ways to improve.