diff --git a/landing/app-landing.react.js b/landing/app-landing.react.js
index 2d45be922..c4fc926fd 100644
--- a/landing/app-landing.react.js
+++ b/landing/app-landing.react.js
@@ -1,29 +1,30 @@
 // @flow
 
 import * as React from 'react';
 
 import { imageAssetMetaData } from './asset-meta-data.js';
 import HeroContent from './hero-content.react.js';
 import css from './landing.css';
 import Picture from './Picture.react.js';
 import usePreloadImageAssets from './use-pre-load-image-assets.react.js';
 
 function AppLanding(): React.Node {
   usePreloadImageAssets(imageAssetMetaData);
   const [hero] = imageAssetMetaData;
 
   return (
     <main>
       <section className={css.heroSection}>
         <div className={css.heroContainer}>
           <div className={css.heroImage}>
             <Picture url={hero.url} alt={hero.alt} />
+            <div className={css.glow} />
           </div>
           <HeroContent />
         </div>
       </section>
     </main>
   );
 }
 
 export default AppLanding;
diff --git a/landing/global.css b/landing/global.css
index eb75d155f..439e29aad 100644
--- a/landing/global.css
+++ b/landing/global.css
@@ -1,78 +1,79 @@
 :root {
   --landing-page-z-index: 0;
-  --mobile-nav-z-index: 1;
-  --header-z-index: 2;
+  --glow-z-index: 1;
+  --mobile-nav-z-index: 2;
+  --header-z-index: 3;
   --purple: #7e57c2;
   --white: #fff;
   --white1: #ebedee;
   --grey: #808080;
   --btn-bg: var(--purple);
   --unselected: var(--grey);
   --btn-color: var(--white1);
   --logo-color: var(--white);
   --sub-heading-color: var(--purple);
   --sans-serif: 'IBM Plex Sans', sans-serif;
   --white-100: #ffffff;
   --white-90: #f5f5f5;
   --white-80: #ebebeb;
   --white-70: #e0e0e0;
   --white-60: #cccccc;
   --black-100: #0a0a0a;
   --black-90: #1f1f1f;
   --black-80: #404040;
   --black-70: #666666;
   --black-60: #808080;
   --violet-dark-100: #7e57c2;
   --violet-dark-80: #6d49ab;
   --violet-dark-60: #563894;
   --violet-dark-40: #44297a;
   --violet-dark-40: #331f5c;
   --success-light-10: #d5f6e3;
   --success-light-50: #6cdf9c;
   --success-primary: #00c853;
   --success-dark-50: #029841;
   --success-dark-90: #034920;
   --error-light-10: #feebe6;
   --error-light-50: #f9947b;
   --error-primary: #f53100;
   --error-dark-50: #b62602;
   --error-dark-90: #4f1203;
   --page-background: #111111;
   --light-dark-page-background: #1a1a1a;
   --comparison-cards: #18181a;
   --comparison-cards-hovered: #1c1c1f;
   --coming-soon-icon: #dca008;
   --badge: #ebebeb14;
   --modal-overlay: rgba(0, 0, 0, 0.8);
 }
 
 /* ===== GENERAL PAGE STYLES ===== */
 
 html,
 body,
 :global(div#react-root) {
   height: 100%;
 }
 
 p {
   font-size: clamp(0.75rem, 0.5408rem + 1.0458vw, 1.75rem);
 }
 
 a {
   transition: 0.2s;
   text-decoration: none;
 }
 
 @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
   img {
     image-rendering: -webkit-optimize-contrast !important;
   }
 }
 
 @media not all and (min-resolution: 0.001dpcm) {
   @supports (-webkit-appearance: none) and (stroke-color: transparent) {
     img {
       image-rendering: unset !important;
     }
   }
 }
diff --git a/landing/hero-content.css b/landing/hero-content.css
index 7bd9ddcc9..3ff9edf88 100644
--- a/landing/hero-content.css
+++ b/landing/hero-content.css
@@ -1,39 +1,40 @@
 .header {
   color: var(--white-80);
   margin-bottom: 24px;
+  z-index: var(--glow-z-index);
 }
 
 .header span {
   background: linear-gradient(90deg, #5d34b3 0%, #a314d5 49.31%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 
 .subHeader {
   color: var(--white-80);
   margin-bottom: 56px;
 }
 
 .heroInfo {
   display: flex;
   padding: 144px 0 224px 32px;
   flex-direction: column;
   flex: 1;
 }
 
 form {
   width: 92%;
 }
 @media screen and (max-width: 848px) {
   form {
     width: 100%;
   }
 }
 
 @media screen and (max-width: 1280px) {
   .heroInfo {
     padding: 0;
     max-width: 716px;
   }
 }
diff --git a/landing/landing.css b/landing/landing.css
index 90e7eae14..a464e947a 100644
--- a/landing/landing.css
+++ b/landing/landing.css
@@ -1,75 +1,98 @@
 .container {
   background: radial-gradient(ellipse at bottom, #1f252e, #111827) fixed;
   font-family: var(--sans-serif);
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
   color: white;
   word-break: break-word;
   height: 100%;
   position: relative;
   z-index: var(--landing-page-z-index);
 }
 
 .innerContainer {
   background-color: var(--page-background);
   margin: 0;
   padding: 0;
   height: 100%;
   overflow: auto;
 }
 
 .innerContainerMobileNav {
   overflow-y: hidden;
 }
 
 .pageContentContainer {
   position: relative;
 }
 
 .heroSection {
   display: flex;
   justify-content: center;
 }
 
 .heroContainer {
   width: 1850px;
   display: flex;
   flex-direction: row-reverse;
   overflow: hidden;
 }
 
 .heroImage {
   flex: 1;
   position: relative;
 }
 
+.glow {
+  position: absolute;
+  width: 448px;
+  height: 360px;
+  border-radius: 50%;
+  background-color: var(--violet-dark-40);
+  top: 200px;
+  left: 224px;
+  filter: blur(80px);
+}
+
 .heroImage picture img {
   object-fit: cover;
   object-position: left center;
   position: absolute;
   left: 120px;
   top: 120px;
   width: 624px;
   height: 472px;
+  z-index: var(--glow-z-index);
 }
 
 @media screen and (max-width: 1280px) {
   .heroContainer {
     flex-direction: column;
     align-items: center;
     padding: 16px 32px;
   }
 
   .heroImage {
     margin-bottom: 24px;
     max-width: 600px;
   }
 
+  .glow {
+    position: absolute;
+    width: 70%;
+    height: 70%;
+    border-radius: 50%;
+    background-color: var(--violet-dark-40);
+    top: 112px;
+    left: 100px;
+    filter: blur(80px);
+  }
+
   .heroImage picture img {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     position: relative;
   }
 }