Solucionado
Terminei o projeto, deixei ele responsivo e mudei o tema da loja para figures. Além disso testei algo novo no css, se vc deixar o cursor em cima do produto (na aba em que vc escolhe qual adicionar) após selecionar por mais de 1 segundo, aparece uma imagem de como é o produto.
Github: https://github.com/Francisyk/ProductCart
Vercel: https://product-cart-rust-omega.vercel.app/
Oii, Francis.
Muito legal ver a sua evolução e a personalização que você deu ao projeto. Sair do exemplo padrão e aplicar um tema próprio, como o de "figures", é a melhor forma de fixar o conhecimento, pois te obriga a repensar os dados e a estrutura do código.
Sobre a funcionalidade nova que você testou no CSS, implementar essa interação de mostrar a imagem ao passar o mouse (hover) agrega muito valor à experiência do usuário. O fato de você ter colocado um tempo de espera (mais de 1 segundo) é um detalhe técnico importante: isso evita que a imagem fique piscando ou aparecendo sem querer se a pessoa apenas passar o mouse rapidamente pela tela. Isso demonstra cuidado com a usabilidade.
E, deixar o layout responsivo e publicar o projeto online (Vercel) e o código (GitHub) é exatamente o que o mercado espera. Isso transforma um exercício de curso em um item real de portfólio.
Parabéns pela dedicação em ir além do proposto. Continue explorando essas interações no CSS.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!