Product Preview Card (Vanilla CSS and Custom Hover State on Hero)

👾 Hello, Frontend Mentor coding community. This is my solution for the challenge Product Preview Card.

🎨This is an old old old solution and the first one that I've applied some customization. I did some improvement in the code but there are many things to improve, but I was just lazy to change the html structure to use the proper tags like the picture for the image, because I was afraid to have to write again the grayscale effect on it. 🤭

• 👨‍🔬 Custom Images + Grayscale/Saturation Hover Effect
• 🧚‍♀️ Intro Zoom Out Animation (I need to study it more to make smooth transitions).
• 🎨 Gradient

Feel free to leave any feedback about my design chances and help me improve my solution or make the code clean!