Responsive product preview card using picture tags and flexbox

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

I spent a bit more time on this project making sure that the design worked for all screen sizes from a viewport width of 320px up to more than 1440px.

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

Thanks to amazing suggestions of @DylandeBruijn and @danielmrz-dev, I started with a clunky solution that involved using background images for the photos, and moved toward a much more flexible responsive images solution that works well across screen sizes and treats the product images as part of the content.