From c28b7589d3dfe1219fe3c50a5e6c360d7fdd802e Mon Sep 17 00:00:00 2001
From: Franco Arza <franco@basement.studio>
Date: Wed, 21 Oct 2020 19:32:22 -0300
Subject: [PATCH] add scaling animation

---
 components/product/ProductCard/ProductCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index dc04715c2..e64f79468 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -36,7 +36,7 @@ const ProductCard: FC<Props> = ({ className, product: p, variant }) => {
       >
         <div className="absolute z-10 inset-0 flex items-center justify-center">
           <img
-            className="w-full object-cover"
+            className="w-full object-cover transform scale-90 hover:scale-100 transition-transform duration-500"
             src={p.images.edges?.[0]?.node.urlXL}
           />
         </div>