diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 3f210fc..293ebfa 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -10761,6 +10761,17 @@ a.teaser {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat; }
+  .hero-main::before {
+    position: absolute;
+    display: block;
+    top: 0;
+    right: 0;
+    left: 0;
+    height: 11em;
+    content: "";
+    background: -webkit-linear-gradient(top, #0d1e34 25%, rgba(13, 30, 52, 0) 100%);
+    background: -moz-linear-gradient(top, #0d1e34 25%, rgba(13, 30, 52, 0) 100%);
+    background: linear-gradient(to bottom, #0d1e34 25%, rgba(13, 30, 52, 0) 100%); }
   .hero-main a .icon {
     color: #BAB108; }
   .hero-main a:hover .icon {