diff --git a/frontend/src/assets/images/pexels-james-wheeler-1544935.jpg b/frontend/src/assets/images/pexels-james-wheeler-1544935.jpg
new file mode 100644
index 0000000000..7f2e095845
Binary files /dev/null and b/frontend/src/assets/images/pexels-james-wheeler-1544935.jpg differ
diff --git a/frontend/src/assets/styles/global.scss b/frontend/src/assets/styles/global.scss
index 4855c8142e..412ed46f3c 100644
--- a/frontend/src/assets/styles/global.scss
+++ b/frontend/src/assets/styles/global.scss
@@ -543,7 +543,6 @@ cds-actionable-notification * {
 
 .content-landing {
   margin: 0px;
-  margin-left: 2.5rem;
   padding-bottom: 0px;
   display: flex;
   align-items: stretch;
diff --git a/frontend/src/pages/LandingPage.vue b/frontend/src/pages/LandingPage.vue
index a89c1a82b5..95d78456c0 100644
--- a/frontend/src/pages/LandingPage.vue
+++ b/frontend/src/pages/LandingPage.vue
@@ -6,7 +6,7 @@ import { useRouter } from "vue-router";
 // Constants
 import { backendUrl } from "@/CoreConstants";
 // Assets
-import Seeding from "@/assets/images/seeding.png";
+import landingImagePath from "@/assets/images/pexels-james-wheeler-1544935.jpg";
 import logo from "@/assets/images/bc-gov-logo.png";
 // @ts-ignore
 import login16 from "@carbon/icons-vue/es/login/16";
@@ -69,7 +69,7 @@ if (query.ref && query.ref === "external") {
 
   <div class="login-content">
     <img
-      :src="Seeding"
+      :src="landingImagePath"
       alt="Small green seedling on the dirt and watered"
     />
   </div>
@@ -80,15 +80,19 @@ if (query.ref && query.ref === "external") {
 
 .login-content:first-child{
   padding-top: 3rem;
-  width: 55vw;
+  padding-left: 2.5rem;
+  width: 55%;
+  box-sizing: border-box;
 }
-.login-content:last-child {  
-  width: 45vw;
+.login-content:last-child {
+  overflow-y: hidden;
+  width: 45%;
 }
 .login-content:first-child img {
   width: 10.5rem;
 }
 .login-content:last-child img {
+  height: 100%;
   width: 100%;
   object-fit: cover;
 }