diff --git a/epicyon-blog.css b/epicyon-blog.css
index d0e75982..0e78fa28 100644
--- a/epicyon-blog.css
+++ b/epicyon-blog.css
@@ -44,7 +44,6 @@
     --timeline-border-radius: 30px;
     --focus-color: white;
     --line-spacing: 130%;
-    --banner-height: 15vh;
 }
 
 @font-face {
@@ -100,8 +99,12 @@ a:focus {
 }
 
 .timeline-banner {
-    width: 98vw;
-    height: var(--banner-height);
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("banner.png");
+    height: 10%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    position: relative;
 }
 
 .hero-image {
diff --git a/epicyon-follow.css b/epicyon-follow.css
index 4b41a183..1e255985 100644
--- a/epicyon-follow.css
+++ b/epicyon-follow.css
@@ -31,7 +31,6 @@
     --follow-text-size2: 40px;
     --follow-text-entry-width: 90%;
     --focus-color: white;
-    --banner-height: 15vh;
 }
 
 @font-face {
@@ -81,8 +80,10 @@ a:focus {
 }
 
 .searchBanner {
-    width: 98vw;
-    height: var(--banner-height);
+    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 90%;
 }
 
 .follow {
diff --git a/epicyon-links.css b/epicyon-links.css
index be0316b7..1434a4df 100644
--- a/epicyon-links.css
+++ b/epicyon-links.css
@@ -64,7 +64,6 @@
     --column-left-width: 10vw;
     --column-center-width: 80vw;
     --column-right-width: 10vw;
-    --banner-height: 15vh;
 }
 
 @font-face {
@@ -182,8 +181,11 @@ a:focus {
 }
 
 .timeline-banner {
-    width: 98vw;
-    height: var(--banner-height);
+    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
+    height: 15%;
+    background-repeat: no-repeat;
+    background-size: 100vw;
+    position: relative;
 }
 
 .hero-image {
diff --git a/epicyon-search.css b/epicyon-search.css
index 3ba7b3ef..92ed3217 100644
--- a/epicyon-search.css
+++ b/epicyon-search.css
@@ -33,7 +33,6 @@
     --follow-text-size2: 40px;
     --follow-text-entry-width: 90%;
     --focus-color: white;
-    --banner-height: 15vh;
 }
 
 @font-face {
@@ -91,8 +90,10 @@ a:focus {
 }
 
 .searchBanner {
-    width: 98vw;
-    height: var(--banner-height);
+    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 90%;
 }
 
 .follow {