center vids caps/titles

docs/.vuepress/components/HumanPractices.vue

@@ -101,6 +101,7 @@
           <p>While working on the project, thought was also put into the means of actual implementation of our engineered organisms. As such, the below chamber system was designed, in order to visualise the closed system envisioned by the team. 
           </p>
           <!-- Chamber System Video -->
+          <div style="text-align: center;">
           <h4 style="color: #396d7e;"> <b>Video 1.</b> Natronaut's 3D Chamber System Model.</h4>
           <figure style="margin: 0; display: block; text-align: center;">
             <div style="border-radius: 15px; overflow: hidden;">
@@ -113,10 +114,11 @@
               sandbox="allow-same-origin allow-scripts allow-popups allow-forms">
               </iframe>
             </div>
-            <figcaption style="font-size: 14px; color: #333; text-align: left; width: 100%; margin: 0;">
+            <figcaption style="font-size: 14px; color: #333; text-align: center; width: 100%; margin: 0;">
             3D rendering created by Natronaut team member Jakub Cichocki, with the 3D modelling software <a href="https://www.blender.org/"target="_blank" style="text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">Blender</a> and video created with <a href="https://www.canva.com/" style="text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> Canva</a>.
             </figcaption>
           </figure>
+          </div>
           
           <p style="color: #333;"> As can be seen, the system is composed of six distinct sections:
           </p>
@@ -192,6 +194,7 @@
           </p>
 
            <!-- Day in the life video 1 -->
+           <div style="text-align: center;">
             <h4 style="color: #396d7e;"><b>Video 2.</b> Day in the Life of an iGEM Member: Dry Lab</h4>
             <figure style="margin: 0; display: block; text-align: center;">
             <div style="border-radius: 15px; overflow: hidden;">
@@ -204,10 +207,11 @@
                 sandbox="allow-same-origin allow-scripts allow-popups allow-forms">
                 </iframe>
               </div>
-              <figcaption style="font-size: 14px; color: #333; text-align: left; width: 100%; margin: 0;">
+              <figcaption style="font-size: 14px; color: #333; text-align: center; width: 100%; margin: 0;">
               This video follows a day in the life of Natronaut team member Maria Sole Zanetti, during the dry lab period of Natronaut's journey.
               </figcaption>
             </figure>
+            </div>
 
           <p style="color: #333;"> Additionally, after this video was posted, the team received requests for a similar video once the laboratory work was set, to see the practical aspects behind iGEM. This is why, later on, a second video was posted. 
           </p>
@@ -216,6 +220,7 @@
           </p>
 
           <!-- Day in the life video 2 -->
+          <div style="text-align: center;">
           <h4 style="color: #396d7e;"><b>Video 3.</b> Day in the Life of an iGEM Member: Wet Lab</h4>
             <figure style="margin: 0; display: block; text-align: center;">
               <div style="border-radius: 15px; overflow: hidden;">
@@ -228,10 +233,11 @@
                 sandbox="allow-same-origin allow-scripts allow-popups allow-forms">
                 </iframe>
               </div>
-              <figcaption style="font-size: 14px; color: #333; text-align: left; width: 100%; margin: 0;">
+              <figcaption style="font-size: 14px; color: #333; text-align: center; width: 100%; margin: 0;">
               This video follows a day in the life of Natronaut team member Devyani Ravi, during the wet lab period of Natronaut's journey. 
               </figcaption>
             </figure> 
+            </div>
 
           <p style="color: #333;">The team even received a few private messages responding to the video, asking for more details on the iGEM experience and how to apply to the program.  
           </p>
@@ -681,7 +687,7 @@
             <img
               src="https://static.igem.wiki/teams/5306/human-practices/wageningen-picture.webp"
               alt="Natronaut at the 2024 SynBioNL Event"
-              width="60%"
+              width="80%"
               style="border-radius: 15px;"
               title="Natronaut at the 2024 SynBioNL Event"
             /> 
@@ -705,7 +711,7 @@
             <img
               src="https://static.igem.wiki/teams/5306/human-practices/img1-utrecht.webp"
               alt="Natronaut Presentation at the Dutch iGEM 2024 Meet"
-              width="60%"
+              width="80%"
               style="border-radius: 15px;"
               title="Natronaut Presentation at the Dutch iGEM 2024 Meet"
             />