partnership

assets/css/aifo-section-glow.css

@@ -6,7 +6,8 @@
 
 :root {
   --aifo-glow-right-image: url("../images/backgrounds/new-user-promo-welcome-side-glow.png");
-  --aifo-glow-left-image: url("../images/backgrounds/new-user-promo-corner-glow.png");
+  --aifo-glow-left-top-image: url("../images/backgrounds/new-user-promo-corner-glow.png");
+  --aifo-glow-left-image: url("../images/backgrounds/bg_left_academy_section.webp");
   --aifo-glow-right-width: min(82vw, 720px);
   --aifo-glow-left-top: 106px;
   --aifo-glow-left-offset: -2vw;
@@ -47,6 +48,28 @@
   mix-blend-mode: screen;
 }
 
+.aifo-glow-left {
+  position: absolute;
+  top: 50%;
+  right: auto;
+  left: calc((100% - 100vw) / 2);
+  bottom: auto;
+  transform: translateY(-50%);
+  width: var(--aifo-glow-right-width);
+  height: 100vh;
+  height: 100dvh;
+  max-height: 100svh;
+  z-index: 0;
+  pointer-events: none;
+  background-color: transparent;
+  background-image: var(--aifo-glow-left-image);
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: auto 100%;
+  mix-blend-mode: screen;
+}
+
+
 /* Left — from #special-offer-50::before */
 .left_bg_light {
   position: absolute;
@@ -57,9 +80,10 @@
   max-height: var(--aifo-glow-left-max-height);
   z-index: 0;
   pointer-events: none;
-  background: var(--aifo-glow-left-image) no-repeat left top / cover;
+  background: var(--aifo-glow-left-top-image) no-repeat left top / cover;
 }
 
+
 /* Page-level host (left glow on full page) */
 .aifo-page-glow-host {
   position: relative;
@@ -74,3 +98,11 @@
   position: relative;
   z-index: 1;
 }
+
+@media (max-width: 768px) { 
+
+  .aifo-glow-left
+  {
+      width: 127%;
+    }
+}