misc design progress and testing

web/src/components/people/PersonSection.tsx

@@ -5,6 +5,11 @@ export const PersonSection = ({ heading }: { heading: string }) => {
   return (
     <section className={styles.personSection}>
       <h2 className={styles.heading}>{heading}</h2>
+      <p className={styles.intro}>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
+        tristique rutrum nibh quis feugiat. Sed nisl ante, suscipit at justo ac,
+        elementum interdum justo. Sed sed mi sit amet nibh molestie lacinia.{" "}
+      </p>
       <PersonList />
     </section>
   );

web/src/components/people/personSection.module.scss

@@ -13,5 +13,9 @@
 }
 
 .heading {
-  margin: 2rem 0;
+  margin: 0 0 1.6rem;
+}
+
+.intro {
+  margin-bottom: 3rem;
 }