cartão de produto interativo com HTML e CSS

Olá 👋, em relação à sua pergunta:

Tente desta forma: background-image: url(../images/image-product-desktop.jpg);

E por favor me diga se funciona 🙂

Saudações,

¡Saludos! un poco tarde quizás, pero en el media query de 768px olvidaste colocar el ../ en la url de la imagen, por lo que, no se ve la imagen al ver la página en una resolución menor a 768px.

Otros detalles:

• El párrafo te quedo de una fuente diferente, te recomiendo aplicar una fuente general a tu body y aplicar las fuentes especificas solo a aquellos elementos que la necesiten.
• Estaría bueno que en los próximos desafíos uses variables en tu css, para colores y fuentes podes guiarte por el archivo style-guide.md

Un ejemplo:

:root {
  --fs-montserrat: "Montserrat", sans-serif;
  --cream: hsl(30, 38%, 92%);
  --dark-grayish-blue: hsl(228, 12%, 48%);
}

body {
  font-family: var(--fs-montserrat);
  color: var(--dark-grayish-blue);
  background-color: var(--cream);
}