Responsive Product Preview Card Component

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

Next time I would like to try to something similar but using a library like Bootstrap or Tailwind.

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

I had trouble changing the image source depending on the screen size. At first I tried using the srcset and size attribute of the element but I couldn't get it to work. Eventually with some Google searching I read about the element and how it is used and managed to solve the problem.

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

Any feedback on the semantic HTML, like improvements in accessibility, or the use of media queries in my CSS would be appreciated, as well as any mistake I might have overlooked.