diff --git a/css/pages/_about.css b/css/pages/_about.css
index d4c1656f..1d1843d2 100644
--- a/css/pages/_about.css
+++ b/css/pages/_about.css
@@ -258,6 +258,9 @@
 .mission-vision-section .page-header-section {
     margin-bottom: 48px;
     padding-top: 8px;
+    /* Drop the inherited cream .page-header-section band so the title sits directly
+       on the section's blue gradient (no white rectangle behind it). */
+    background: transparent;
 }
 
 .mission-vision-section .page-header-section h2 {
@@ -447,13 +450,11 @@
         flex-direction: column;
         gap: 16px;
     }
+    /* The mission/vision icons are unnecessary on mobile — show text only. */
     .mission-icon-content, .vision-icon-content {
-        order: 1;
-        opacity: 1 !important; /* Ensure icons are visible */
-        transform: none !important;
+        display: none;
     }
     .mission-text-content, .vision-text-content {
-        order: 2;
         opacity: 1 !important; /* Ensure text is visible */
         transform: none !important;
     }