Optimize intro

apps/client/src/app/pages/landing/landing-page.html

@@ -1,4 +1,8 @@
-<div class="intro"></div>
+<div class="intro-container mb-5">
+  <div class="intro-inner-container">
+    <div class="h-100 intro w-100"></div>
+  </div>
+</div>
 
 <div class="container">
   <div class="row">

apps/client/src/app/pages/landing/landing-page.scss

@@ -13,13 +13,21 @@
     }
   }
 
-  .intro {
+  .intro-container {
+    background-color: #ffffff;
+    margin-top: -5rem;
+
+    .intro-inner-container {
       aspect-ratio: 16 / 9;
-    background-image: url('/assets/intro.png');
+      max-height: 66vh;
-    background-position: top center;
+
+      .intro {
+        background-image: url('/assets/intro.jpg');
+        background-position: top left;
         background-repeat: no-repeat;
-    background-size: cover;
+        background-size: contain;
-    margin-top: -5rem;
+      }
+    }
   }
 }