diff --git a/layout/pages/home/home-background.ejs b/layout/pages/home/home-background.ejs
index a0c2e98d..585f9ce9 100644
--- a/layout/pages/home/home-background.ejs
+++ b/layout/pages/home/home-background.ejs
@@ -26,7 +26,7 @@
     }
 </style>
 
-<div class="home-banner-background transition-fade fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
+<div class="home-banner-background fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
     <img src="<%- url_for(theme.home_banner.image.light) %>" alt="home-banner-background" class="w-full h-full object-cover dark:hidden">
     <img src="<%- url_for(theme.home_banner.image.dark) %>" alt="home-banner-background" class="w-full h-full object-cover hidden dark:block">
 </div>
diff --git a/layout/pages/home/home-banner.ejs b/layout/pages/home/home-banner.ejs
index 052310b7..934d2c6d 100755
--- a/layout/pages/home/home-banner.ejs
+++ b/layout/pages/home/home-banner.ejs
@@ -26,7 +26,7 @@
             backdrop-filter: none !important;
         }
     </style>
-    <div class="home-banner-background transition-fade fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
+    <div class="home-banner-background fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
         <img src="<%- url_for(theme.home_banner.image.light) %>" alt="home-banner-background" class="w-full h-full object-cover dark:hidden">
         <img src="<%- url_for(theme.home_banner.image.dark) %>" alt="home-banner-background" class="w-full h-full object-cover hidden dark:block">
     </div>
diff --git a/source/css/layout/animations.styl b/source/css/layout/animations.styl
index 0032356c..d20d95e9 100644
--- a/source/css/layout/animations.styl
+++ b/source/css/layout/animations.styl
@@ -1,5 +1,5 @@
 .transition-fade
-  transition 0.4s
+  transition opacity 0.4s ease
   opacity 1
 
 .transition-fade-up