diff --git a/pages/partnership.tsx b/pages/partnership.tsx
index 28d690b3..8e9d84c2 100644
--- a/pages/partnership.tsx
+++ b/pages/partnership.tsx
@@ -26,6 +26,7 @@ const Partnership: NextPage = () => {
     <div className={styles.screen}>
       <div className={styles.container}>
         <header className={styles.header}>
+          <div className={styles.blueBlur} />
           <div className={styles.headerContent}>
             <div className={styles.mainTitleContainer}>
               <MainTitle
diff --git a/public/visuals/partners/partnershipHeader.webp b/public/visuals/partners/partnershipHeader.webp
index 2d3c5e11..add14c70 100644
Binary files a/public/visuals/partners/partnershipHeader.webp and b/public/visuals/partners/partnershipHeader.webp differ
diff --git a/styles/partnership.module.css b/styles/partnership.module.css
index c2412d32..f86eac7f 100644
--- a/styles/partnership.module.css
+++ b/styles/partnership.module.css
@@ -1,7 +1,6 @@
 .screen {
   z-index: 0;
   position: relative;
-  background-color: var(--background600);
   width: 100%;
   overflow: hidden;
 }
@@ -36,17 +35,15 @@
   width: 100%;
   margin-top: 7vh;
   height: 100%;
+  justify-content: center;
 }
 
 .headerImg {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  z-index: -6;
-  width: max(400px, 60%);
+  height: 85%;
+  max-height: 1000px;
   aspect-ratio: 1;
   transform: rotate3d(10, -2, -1.4, calc(var(--scroll) * 0.04deg))
-    scale(min(calc(1 + var(--scroll) / 10000), 1.4)) translate(20%, 20%);
+    scale(min(calc(1 + var(--scroll) / 10000), 1.4));
 }
 
 .mainTitleContainer {
@@ -99,7 +96,19 @@
   z-index: 6;
 }
 
-@media (max-width: 950px) {
+.blueBlur {
+  position: absolute;
+  border-radius: 488px;
+  opacity: 0.15;
+  background: var(--primary-blue, #5ce3fe);
+  filter: blur(100px);
+  left: -200px;
+  top: -100px;
+  width: 488px;
+  height: 285px;
+}
+
+@media (max-width: 1300px) {
   .headerImg {
     display: none;
   }