From 3be7e00551501da787724f7d8fe12d1322b76a05 Mon Sep 17 00:00:00 2001
From: Steven Feng <stevenfeng7@gmail.com>
Date: Sat, 11 Oct 2025 08:22:30 -0700
Subject: [PATCH] improve fade visual

---
 src/components/Publications.js | 2 +-
 src/styles/publications.scss   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Publications.js b/src/components/Publications.js
index 69975a9..2e76dee 100644
--- a/src/components/Publications.js
+++ b/src/components/Publications.js
@@ -151,7 +151,7 @@ const Publications = () => {
                     className="background-media"
                     style={{
                       backgroundImage: publication.imageSrc.endsWith('.gif') 
-                        ? `linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.15)), url(${publication.imageSrc})`
+                        ? `linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(240, 248, 255, 0.5) 70%, rgba(240, 248, 255, 0.9) 85%, rgba(240, 248, 255, 1.0) 100%), url(${publication.imageSrc})`
                         : 'none'
                     }}
                   >
diff --git a/src/styles/publications.scss b/src/styles/publications.scss
index 2f49e91..db5a796 100644
--- a/src/styles/publications.scss
+++ b/src/styles/publications.scss
@@ -145,7 +145,7 @@
   .content {
     position: relative;
     z-index: 2;
-    background: linear-gradient(to bottom, transparent 0%, transparent 35%, rgba(240, 248, 255, 0.85) 50%, rgba(240, 248, 255, 0.92) 70%, rgba(240, 248, 255, 1.0) 85%);
+    background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(240, 248, 255, 0.2) 40%, rgba(240, 248, 255, 0.7) 50%, rgba(240, 248, 255, 0.95) 60%, rgba(240, 248, 255, 1.0) 65%);
     height: 100%;
     padding: 120px 20px 25px;
     display: flex;