Responsive product preview card

¡Te quedo muy bien hecho! la verdad se ve excelente.

Aquí te dejo algunas cosas que te pueden servir para mejorar esta solución o para desafíos futuros:

• Aplicar display: block a la imagen, esto quitará un espacio blanco que se genera solo por debajo de la imagen.
• No aplicar bordes a la imagen, si no mejor, agregar la propiedad overflow: hidden al contenedor con clase container. Va a ocultar las partes de la imagen que sobresalgan de los bordes del contenedor, el mismo resultado, con menos líneas de código.