🐞 fix: Add gradient fade for logo scroller track

styles/blocks/index.css

@@ -2,3 +2,4 @@
 
 @import './buttons.css';
 @import './core.css';
+@import './misc.css';

styles/blocks/misc.css

@@ -0,0 +1,24 @@
+/* Misc block styles */
+
+.logo-soup.layout-carousel {
+    /* Apply a gradient mask that fades 40px on both the left and right sides */
+    mask-image: linear-gradient(
+        to right,
+        transparent 0px,
+        black 40px,
+        black calc(100% - 40px),
+        transparent 100%
+    );
+
+    -webkit-mask-image: linear-gradient(
+        to right,
+        transparent 0px,
+        black 40px,
+        black calc(100% - 40px),
+        transparent 100%
+    );
+
+    /* Ensures the mask doesn't break scrolling functionality */
+    mask-composite: intersect;
+    -webkit-mask-composite: intersect;
+}