diff --git a/pinaxcon/templates/site_base.html b/pinaxcon/templates/site_base.html
index ae62ab545de6032888aa60f603146f16e3a93bcd..7221a58e51af3c3089b67dbf1ae47d45561bbeea 100644
--- a/pinaxcon/templates/site_base.html
+++ b/pinaxcon/templates/site_base.html
@@ -31,7 +31,7 @@
 
 {% block body_base %}
 
-  <div class="homepage-block-bg website-background"></div>
+  <div class="homepage-background-opacity website-background"></div>
   <div class="clouds hdr"></div>
 
   <div id="background-filter">
diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index 684697916dd3d637db6551f0cd6f53656512f471..585d94d67be01d5549aff264b953d986854b76ca 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -212,12 +212,24 @@ $homepage-block-min-height: 480px;
   position: absolute;
   background-size: cover;
   background-position: center;
-  opacity: 0.7;
+  opacity: 0.3;
   background-blend-mode: multiply;
   z-index: -9999;
   box-shadow: $box-shadow;
 }
 
+.homepage-background-opacity {
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  opacity: 0.7;
+  z-index: -9999;
+
+  background-blend-mode: multiply;
+}
+
 .homepage-block.dark {
   background: $gray-base;
   color: white;