diff --git a/src/app/globals.css b/src/app/globals.css
index 9555fac..4d34320 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -554,3 +554,16 @@ img {
 img:hover {
   filter: blur(4px);
 }
+
+
+/* Animation base styles */
+.card {
+  position: relative;
+  overflow: hidden;
+}
+
+.card:hover .card-text {
+  opacity: 1;
+  transform: translateY(0);
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}