diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index 6d0e5dc00433a499f7fcc05a0b8eec96082bbf49..f27bf1f4e49b97002d91571ad5fb034cf1bc56c2 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -164,8 +164,7 @@ body.auth .panel-heading .panel-title span.pull-right {
 }
 
 
-#hills {
-  background: url("../images/hills.svg");
+.hills {
   background-size: 100%;
   background-position: bottom;
   background-repeat: no-repeat;
@@ -175,6 +174,12 @@ body.auth .panel-heading .panel-title span.pull-right {
   bottom: 0;
   right: 0;
   z-index: -9999;
-  opacity: 0.3;
-  background-blend-mode: multiply;
+
+  &.main {
+    background-image: url("../images/hills.svg");
+  }
+
+  &.footer {
+    background-image: url("../images/hills-footer.svg");
+  }
 }