fix for invisilbe sponsor text

Author: doruphin

src/components/Sponsors/HighlightPanel.css

@@ -27,14 +27,16 @@
             .card-content {
                 width: 100%;
                 height: 100%;
-                filter: invert(1);
-                mix-blend-mode: difference;
 
                 display: flex;
                 justify-content: space-between;
+                position: relative;
+                z-index: 1;
 
                 h3 {
                     width: 75%;
+                    color: var(--black);
+                    transition: color 0.2s ease;
                 }
 
                 svg {
@@ -59,14 +61,20 @@
             left: 0;
             transition: 0.2s ease;
             background-color: var(--dark-green);
+            z-index: 0;
         }
 
         .highlight-card:hover .card-underlay {
             top: -2%;
         }
 
-        .highlight-card:hover svg {
+        .highlight-card:hover .card-content h3 {
+            color: var(--white);
+        }
+
+        .highlight-card:hover .card-content svg {
             top: 50%;
+            fill: var(--white);
         }
     }