Improve people section layout on mobile

Add the same 22px side padding used by the other sections, so the
team content no longer touches the screen edges, and stack Daniel's
photo above his description on screens up to 480px so the text uses
the full width.

Author: miguel-jehle

web/app/globals.css

@@ -1498,7 +1498,18 @@ footer {
     font-size: 10px;
   }
   .people-section {
-    padding: 40px 0;
+    padding: 40px 22px;
+  }
+}
+@media (max-width: 480px) {
+  .people-lead {
+    flex-direction: column;
+    gap: 16px;
+  }
+  .people-lead > img,
+  .people-lead > .person-initials {
+    width: 120px;
+    height: 145px;
   }
 }
 @media (max-width: 380px) {

web/data/media/6eea5668ed4339492af8dccfeb71.jpg

@@ -256,7 +256,7 @@
       "linkKind": "source",
       "links": [],
       "current": true,
-      "image": "/media/6eea5668ed4339492af8dccfeb71.jpg"
+      "image": "/media/c027f0f43dae0025da44009eab5b.jpg"
     },
     {
       "id": "1b802c3839257923",