chore: Lighten lightbox overlay

Author: sparkison

src/components/ScreenshotsCarousel.module.css

@@ -30,22 +30,20 @@
   width: 100vw;
   height: 100vh;
   z-index: 99999;
-  background: rgba(0, 0, 0, 0.85);
-  backdrop-filter: blur(8px);
+  background: rgba(0, 0, 0, 0.3);
+  backdrop-filter: blur(4px);
   display: flex;
   align-items: center;
   justify-content: center;
-  animation: fadeIn 0.25s;
+  animation: fadeIn 0.2s ease-out;
   cursor: pointer;
 }
 @keyframes fadeIn {
   from { 
     opacity: 0;
-    background: rgba(0, 0, 0, 0);
   }
   to { 
     opacity: 1;
-    background: rgba(0, 0, 0, 0.85);
   }
 }
 .lightboxImg {