diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
index 3bf2c24..66a2788 100644
--- a/overrides/assets/stylesheets/home.css
+++ b/overrides/assets/stylesheets/home.css
@@ -40,6 +40,12 @@
   width: 100%;
   background-repeat: no-repeat;
   background-size: 300% 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
 }
 
 .animated-gradient img {
@@ -64,8 +70,11 @@ section.home-container {
   position: relative;
   padding-bottom: 0;
   padding-top: 0;
-  position: relative;
-  z-index: -1;
+}
+
+section.home-container .background{
+  width: 100%;
+  padding-top: 29.16%;
 }
 
 .home-container > .md-typeset {
diff --git a/overrides/home.html b/overrides/home.html
index 0e08eb8..79e180d 100644
--- a/overrides/home.html
+++ b/overrides/home.html
@@ -4,6 +4,7 @@
 
 <div class="md-container">
   <section class="home-container">
+    <div class="background"></div>
     <div class="animated-gradient">
       <img src="assets/background.jpg" style="display: none;"/>
     </div>