From dbe3f4316cc02fe8f59f967ec1a2df18f24b698d Mon Sep 17 00:00:00 2001
From: Cameron Davidson-Pilon <cam.davidson.pilon@gmail.com>
Date: Sun, 6 Jul 2025 21:00:02 -0400
Subject: [PATCH] Align hover effects for card components

---
 src/components/Card.module.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Card.module.css b/src/components/Card.module.css
index a4f7879e4..ee5ead963 100644
--- a/src/components/Card.module.css
+++ b/src/components/Card.module.css
@@ -11,9 +11,9 @@
   flex-direction: column;
   align-items: center;
   border-radius: 10px;
-  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
   overflow: hidden;
   margin: 10px;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .newLabel {
@@ -32,10 +32,16 @@
   width: 100%;
   height: 200px;
   object-fit: cover;
+  transition: transform 0.3s ease;
+}
+
+.card:hover .cardImage {
+  transform: scale(1.03);
 }
 
 .card:hover {
-  transform: scale(1.05); /* Optional: scale up on hover */
+  transform: translateY(-1px);
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
 }
 
 .cardHeader {