Product preview card component - HTML / CSS

🤖 Hi guys! Here's my solution to the "Product preview card component" challenge!

This was fun! Really glad I managed to do both mobile and desktop designs, learned a lot during this process. This was the first time I used the <picture> tag, had to do some research to figure out how to change images when transitioning from mobile to desktop. At first, I tried using hidden= "true" in HTML, and it wasn't working the way I wanted.

I tried to keep it looking as close as I could to the design using only the .jpg, just added a box-shadow.

As a newbie, I'll be happy to hear any feedback and advice!