docs: add Suela, Natasha, and Duncan to the team

src/data/team.json

@@ -218,6 +218,24 @@
         "name": "John Wanjohi",
         "fonction": "Developer",
         "description": "John is a seasoned full-stack developer. With a strong foundation in JavaScript and frameworks like React and Node, he has successfully delivered robust web applications. Passionate about open-source development, John actively contributes to the community by sharing his knowledge and collaborating on projects. His love for open-source drives his continuous learning and enables him to leverage the collective power of collaboration to create innovative solutions."
+      },
+      {
+        "portrait": "/images/uploads/Natasha.png",
+        "name": "Natasha Budd",
+        "fonction": "Project Manager",
+        "description": "Natasha is an experienced education professional with expertise in curriculum development, academic management, and instructional content design. Natasha has a keen interest in advancing online content creation in the educational domain."
+      },
+      {
+        "portrait": "/images/uploads/Duncan.jpg",
+        "name": "Duncan Bennett",
+        "fonction": "Developer",
+        "description": "Duncan has over 15 years experience as a web developer and is most at home working on server side code. He enjoys a challenge and is always up for learning something new."
+      },
+      {
+        "portrait": "/images/uploads/Suela.jpeg",
+        "name": "Suela Palushi",
+        "fonction": "Project Manager",
+        "description": "Suela is a Product Manager with an entrepreneurial background and a long history of working with Open-Source organizations. She has more than five years of hands-on experience leading successful teams and digital initiatives."
       }
     ]
   },

static/css/theme-coko/main.css

@@ -426,10 +426,13 @@ img.coko-partner {
   width: clamp(300px, 30%, 500px);
   gap: 8ch;
 }
-.leadershipteam .gridflex {
-}
-.leadershipteam .grid-item {
-  flex-basis: 48%;
+@media screen and (min-width: 501px) {
+  .leadershipteam .gridflex {
+    column-gap: 2ch;
+  }
+  .leadershipteam .grid-item {
+    flex-basis: 48%;
+  }
 }
 
 .team :is(h2, header) {
@@ -631,6 +634,11 @@ footer section.infos a:hover {
     border-bottom: 1px solid var(--color-primary);
     width: 100%;
   }
+  .leadershipteam .grid-item {
+    @media screen and (min-width: 501px) {
+    }
+    flex-basis: unset;
+  }
 }
 @media screen and (max-width: 650px) {
   .paginator .grid-item {