Fix style issues on large portrait cards.

Author: HaudinFlorence

src/components/about/LargePortraitCard.tsx

@@ -5,8 +5,6 @@ import Link from "@docusaurus/Link";
 import React from "react";
 import Avatar from "./Avatar";
 
-
-
 export function Distinction({ person }) {
   if (person.distinctionTitle.length !== 0) {
     return (
@@ -33,10 +31,20 @@ export default function LargePortraitCard({ person }) {
       <div className={"container"}>
         <div className={"row padding-none"}>
           <div className="col col--12 col--offset-1">
-            <div className={styles.large_card_complete_name}>
+            <div
+              className={
+                "flex-full-centered" + " " + styles.large_card_complete_name
+              }
+            >
               {person.completeName}
             </div>
-            <div className={styles.large_card_position}>{person.position}</div>
+            <div
+              className={
+                "flex-full-centered" + " " + styles.large_card_position
+              }
+            >
+              {person.position}
+            </div>
           </div>
         </div>
         <div className="row">

src/components/about/styles.module.css

@@ -27,7 +27,7 @@ div .row {
 
 .bio_container {
   font-family: var(--ifm-font-family-roboto);
-  font-size: 16px;
+  font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
@@ -59,7 +59,7 @@ div .row {
 
 .large_card_complete_name {
   font-family: var(--ifm-font-family-roboto);
-  font-size: 32px;
+  font-size: 28px;
   color: var(---ifm-text-color);
   font-style: normal;
   font-weight: 400;

src/components/home/Hero/index.tsx

@@ -28,9 +28,9 @@ export function Hero() {
                 styles.astronaut_column
               }
             >
-              <div className={styles.astronaut_container}>
+          
                 <Astronaut alt={"Astronaut mascot of QuantStack"} />
-              </div>
+            
             </div>
           </div>
         </div>