another try

Author: steph1111

assets/css/style.scss

@@ -219,6 +219,7 @@
             // black and white image with a nice fade to color
             transition: filter 0.3s ease, transform 0.3s ease;
             filter: grayscale(100%);
+            z-index: 1;
         }
         .overlay {
             // for text on top of the image
@@ -234,22 +235,26 @@
             background-color: rgba(0, 0, 0, 0.5);
             text-align: center;
             pointer-events: none;
+            z-index: 2;
         }
 
         // 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
-            z-index: 2;  // text on top
-            position: relative;
         }
-    
-        p {
-            z-index: 2; // text on top
+
+        h2, p {
+            z-index: 2;
             position: relative;
+            transition: opacity 0.3s ease;
         }
     }
 }