diff --git a/apps/client/src/app/pages/landing/landing-page.html b/apps/client/src/app/pages/landing/landing-page.html
index bb766dd12..088c76358 100644
--- a/apps/client/src/app/pages/landing/landing-page.html
+++ b/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">
diff --git a/apps/client/src/app/pages/landing/landing-page.scss b/apps/client/src/app/pages/landing/landing-page.scss
index 2bf958dca..02dc332d9 100644
--- a/apps/client/src/app/pages/landing/landing-page.scss
+++ b/apps/client/src/app/pages/landing/landing-page.scss
@@ -13,13 +13,21 @@
     }
   }
 
-  .intro {
-    aspect-ratio: 16 / 9;
-    background-image: url('/assets/intro.png');
-    background-position: top center;
-    background-repeat: no-repeat;
-    background-size: cover;
+  .intro-container {
+    background-color: #ffffff;
     margin-top: -5rem;
+
+    .intro-inner-container {
+      aspect-ratio: 16 / 9;
+      max-height: 66vh;
+
+      .intro {
+        background-image: url('/assets/intro.jpg');
+        background-position: top left;
+        background-repeat: no-repeat;
+        background-size: contain;
+      }
+    }
   }
 }
 
diff --git a/apps/client/src/assets/intro.jpg b/apps/client/src/assets/intro.jpg
new file mode 100644
index 000000000..92194fe7a
Binary files /dev/null and b/apps/client/src/assets/intro.jpg differ
diff --git a/apps/client/src/assets/intro.png b/apps/client/src/assets/intro.png
deleted file mode 100644
index 03c7cc3d7..000000000
Binary files a/apps/client/src/assets/intro.png and /dev/null differ