Animation: insige cards on page add a text Open In

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;
+}