another one

Author: steph1111

assets/css/style.scss

@@ -204,25 +204,21 @@
         }
     }
 }
-
 #robots { 
     #robot-card {
         position: relative;
+        
         .image {
             position: relative;
             background-size: cover;
             background-position: center;
-            // rounded corners
             border-radius: 10px;
-            // hide any image which goes outside the corner radius
             overflow: hidden;
-            // black and white image with a nice fade to color
             transition: filter 0.5s ease, transform 0.5s ease;
             filter: grayscale(100%);
-            z-index: 1;
         }
+        
         .overlay {
-            // for text on top of the image
             position: absolute;
             top: 0;
             left: 0;
@@ -235,30 +231,32 @@
             background-color: rgba(0, 0, 0, 0.5);
             text-align: center;
             pointer-events: none;
-            z-index: 2;
+            transition: opacity 0.5s ease;
         }
 
-        // upon hover, make image color
         .robot-link:hover .image {
             filter: grayscale(0%);
         }
-
+        
         .robot-link:hover .overlay {
             opacity: 0;
         }
 
-        h2 {
-            color: var(--primary) !important; // text is accent color
-        }
-
         h2, p {
+            color: var(--primary) !important;
             z-index: 2;
             position: relative;
             transition: opacity 0.5s ease;
+            pointer-events: none;  /* Ensure text isn't interactable */
+        }
+
+        .robot-link:hover h2, .robot-link:hover p {
+            opacity: 0;
         }
     }
 }
 
+
 #blog {
     .hero-body {
         padding: 3rem 0.25rem 1rem 0.25rem;