feat: improve members section responsiveness

src/pages/index/presentation.html

@@ -2,7 +2,7 @@
 
 {% macro comrade(name, title, alt, avatar) %}
   <div class="comrade">
-    <img src="{{ avatar }}" alt-text="{{ alt }}" title="{{ title }}"></img>
+    <img class="comrade--picture" src="{{ avatar }}" alt-text="{{ alt }}" title="{{ title }}"></img>
     <h4 aria-hidden="True">{{ name }}</h4>
   </div>
 {% endmacro %}
@@ -52,7 +52,7 @@
         where small is mighty, and fun knows no bounds! 
       {% endtrans %}
     </p>
-    <h2>{{ gettext("The team") }}</h2>
+    <h2 class="comrades--title">{{ gettext("The team") }}</h2>
     <div class="comrades">
       {{ comrade(
           "Aurel",

src/pages/index/presentation.scss

@@ -7,8 +7,10 @@
     display: flex;
     justify-content: center;
     gap: var(--space-medium);
-    @media ($mobile-breakpoint) {
+    flex-wrap: wrap;
-        flex-direction: column;
+
+    &--title {
+        text-align: center;
     }
 }
 
@@ -16,6 +18,12 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+
+    &--picture {
+        @media($mobile-breakpoint) {
+            max-width: 120px;
+        }
+    }
 }