diff --git a/src/app/globals.css b/src/app/globals.css
index aa13b66..815d2d8 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -98,6 +98,15 @@
   --width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
   --width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
   --width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
+.shadow-gradient {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100px;
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
+  z-index: 1000;
+}
 body::after {
   content: '';
   position: fixed;