diff --git a/css/pages/_about.css b/css/pages/_about.css
index d26dee9a..d4c1656f 100644
--- a/css/pages/_about.css
+++ b/css/pages/_about.css
@@ -468,7 +468,8 @@
 .about-hero {
     position: relative; left: 50%; transform: translateX(-50%);
     width: 100vw; min-height: clamp(440px, 60vw, 640px);
-    display: flex; align-items: center; justify-content: center; text-align: center;
+    /* Align text to the upper area so it sits above people's faces, not over them. */
+    display: flex; align-items: flex-start; justify-content: center; text-align: center;
     overflow: hidden; margin: 0 0 8px;
 }
 .about-hero-slide {