Update custom.scss

Author: NetrunnerCodex

_sass/custom/custom.scss

@@ -45,19 +45,19 @@
     flex-shrink: 0; /* Prevents shrinking */
     width: 290px; /* Fixed width */
     height: 160px; /* Fixed height */
-    overflow: hidden; /* Prevents overflow */
+    overflow: hidden; /* Prevents content overflow */
     margin: 0;
 }
 
 .image-container img {
-    display: block; /* Removes inline spacing */
-    width: 100%; /* Ensures the image fills its container width */
+    display: block; /* Removes inline spacing issues */
+    width: 100%; /* Ensures the image fills the container width */
     height: 100%; /* Ensures the image height matches the container */
-    object-fit: cover; /* Makes the image fit neatly */
-    mask-image: linear-gradient(to right, black, transparent); /* Left-to-right fade */
-    -webkit-mask-image: linear-gradient(to right, black, transparent); /* WebKit compatibility */
+    object-fit: cover; /* Ensures the image fits neatly */
+    mask-image: linear-gradient(to left, transparent, black); /* Fixes the fade direction */
+    -webkit-mask-image: linear-gradient(to left, transparent, black); /* WebKit compatibility */
     mask-size: cover; /* Ensures the mask spans the entire image */
-    -webkit-mask-size: cover; /* Ensures compatibility with WebKit */
+    -webkit-mask-size: cover; /* Ensures WebKit compatibility */
 }
 
 /* Left-to-right fade effect */