diff --git a/website/src/components/unleash-academy/Banner.jsx b/website/src/components/unleash-academy/Banner.jsx
index 551af0e725..b705d711cc 100644
--- a/website/src/components/unleash-academy/Banner.jsx
+++ b/website/src/components/unleash-academy/Banner.jsx
@@ -12,9 +12,10 @@ const Component = () => {
                     <li>100% Free & online</li>
                     <li>Valuable certification</li>
                 </ul>
-                <div className='icon'></div>
+                <div className='small-logo'></div>
                 <span className='unleash-action-button'>Get certified</span>
             </div>
+            <div className='big-logo'></div>
         </div>
     );
 };
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 3651bb2273..615f262f8b 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -377,7 +377,7 @@ html[data-theme='light'] .banner-container  {
         grid-area: header;
     }
 
-    .icon {
+    .small-logo {
         grid-area: logo;
         background-image: url('/img/unleash-academy/academy-logo.svg');
         background-repeat: no-repeat;
@@ -405,11 +405,20 @@ html[data-theme='light'] .banner-container  {
             width: 240px;
         }
 
-        .icon {
-            background-position: center var(--banner-padding);
-            /* width: 100%; */
-            aspect-ratio: unset;
-            background-size: contain;
+        .small-logo {
+            display: none;
+        }
+
+        .big-logo {
+	        position: absolute;
+            background-image: url('/img/unleash-academy/academy-logo.svg');
+	        bottom: 0;
+	        right: 40px;
+	        width: 200px;
+	        height: 100%;
+	        background-repeat: no-repeat;
+	        background-position-x: left;
+	        background-position-y: bottom -70%;
         }
     }
 }