diff --git a/src/components/product-card.html b/src/components/product-card.html
index 115692e..05313c2 100644
--- a/src/components/product-card.html
+++ b/src/components/product-card.html
@@ -6,13 +6,13 @@
 >
   <a
     :href="`#/shop/${product.category}/${lowerName}?color=${currentColor}`"
-    class="block bg-neutral-200/75 rounded-md overflow-hidden"
+    class="group block bg-neutral-200/75 rounded-md overflow-hidden"
   >
     <img
       :src="`./src/images/products/${lowerName}_${currentColor}.jpg`"
       :alt="product.name"
       loading="lazy"
-      class="min-w-full mix-blend-multiply hover:brightness-95 transition duration-300"
+      class="min-w-full mix-blend-multiply group-hover:brightness-95 transition duration-300"
     />
   </a>
 
diff --git a/src/style.css b/src/style.css
index a7b8376..2f974fe 100644
--- a/src/style.css
+++ b/src/style.css
@@ -22,6 +22,10 @@ body {
   width: 0;
 }
 
+img {
+  pointer-events: none;
+}
+
 hr {
   border-color: silver;
 }