diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index 278eb56..f85f6ea 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -271,6 +271,9 @@
         display: block;
       }
       .title {
+        // Needed to stay on top of the relative positioned .hero-image-shadow
+        // which is relatively positioned to make its :before box-shadow work.
+        position: relative;
         margin-top: -1.5em;
         margin-left: -1.25em;
         padding-bottom: 0.5em;