Feat: Change about us section

src/i18n/locales/da.json

@@ -44,7 +44,7 @@
       },
       "mikkel": {
         "role1": "Grundlægger",
-        "role2": "Forretnings-udvikling"
+        "role2": "Forretningsudvikling"
       },
       "title": "Team"
     },

src/views/pages/AboutUsPage.vue

@@ -1,7 +1,7 @@
 <script setup>
 
 import textImage3 from "@/assets/img/car-wash.jpg";
-import mikkelMerrild from "@/assets/img/mikkel-merrild.jpeg";
+import mikkelMerrild from "@/assets/img/mikkel-merrild.png";
 import madsScaled from "@/assets/img/mads-scaled.png";
 import jeppeScaled from "@/assets/img/jeppe-scaled.png";
 import team from "@/assets/img/team.jpg";
@@ -113,7 +113,8 @@ import textImage2 from "@/assets/img/text-image2.jpg";
           <div class="content">
             <h3>Mikkel Merrild</h3>
             <p>
-              {{ $t('about_us.team.mikkel.role1') }}
+              {{ $t('about_us.team.mikkel.role1') }}<br>
+              {{ $t('about_us.team.mikkel.role2') }}
             </p>
             <ul class="contact">
               <li>
@@ -236,6 +237,7 @@ import textImage2 from "@/assets/img/text-image2.jpg";
 .text-image-section .wrapper .content {
   padding-left: 0;
 }
+
 .text-image-section.reverse .wrapper .content {
   padding-right: 0;
   padding-left: 6%;
@@ -423,6 +425,9 @@ import textImage2 from "@/assets/img/text-image2.jpg";
 
 .team-section .wrapper .item .content{
   padding: 20px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }
 
 .team-section .wrapper .item .content h3{
@@ -445,7 +450,7 @@ import textImage2 from "@/assets/img/text-image2.jpg";
 .team-section .wrapper .item .content .contact{
   list-style: none;
   padding: 0;
-  margin: 0;
+  margin: auto 0 0;
   text-align: center;
 }