chore: adjust about page layout for mobile

frontend/public/content/about-us.html

@@ -48,6 +48,7 @@
     display: flex;
     flex-direction: column;
     gap: 1rem;
+    order: 2;
   }
 
   .portrait {
@@ -132,6 +133,16 @@
       grid-template-columns: 1fr;
     }
   }
+
+  @media (min-width: 901px) {
+    .profile-card {
+      order: 1;
+    }
+
+    .about-text {
+      order: 2;
+    }
+  }
 </style>
 
 <div class="content-wrapper">
@@ -147,7 +158,7 @@
       </div>
     </div>
 
-    <div>
+    <div class="about-text">
       <h1>About Us</h1>
 
       <p class="intro-text">