fixed centering and typo

src/views/WhoWeAre.vue

@@ -107,22 +107,21 @@
       </div>
     </div>
     <Wave class="values-container dark">
-      <div class="container justify-content-center col-md-8">
+      <div class="container col-md-8">
         <div class="row justify-content-center">
           <h2>MEET THE LEADERSHIP TEAM</h2>
         </div>
-        <div class="row justify-content-center" v-if="isNotMobile()">
+        <div class="row" v-if="isNotMobile()">
           <v-container fluid>
             <v-row dense>
               <v-col v-for="card in cards" :key="card.name" :cols="card.flex">
-              >
                 <router-link
                   tag="div"
                   :to="`/who-we-are/leadership/#${card.id_tag}`"
-                  class="image-wrapper px-4 mt-4 text-left justify-content-center"
+                  class="image-wrapper px-4 mt-4"
                 >
-                  <img
-                    class="img-fluid"
+                  <v-img
+                    class="img-fluid mx-auto"
                     :src="getImageUrl(card.img)"
                     :alt="card.name"
                     :width="card.width"