diff --git a/src/pages/intro.tsx b/src/pages/intro.tsx
index b1c3a00b..726e93d5 100644
--- a/src/pages/intro.tsx
+++ b/src/pages/intro.tsx
@@ -201,7 +201,7 @@ export default function WhatIsMilvus() {
           </div>
           <div className={styles.imageWrapper}>
             <img
-              src="/images/milvus-architecture-overview.png"
+              src="https://milvus.io/docs/v2.5.x/assets/highly-decoupled-architecture.png"
               alt="Milvus Architecture Overview"
             />
           </div>
diff --git a/src/styles/intro.module.less b/src/styles/intro.module.less
index 6960b389..dd00a0f7 100644
--- a/src/styles/intro.module.less
+++ b/src/styles/intro.module.less
@@ -110,9 +110,9 @@
   }
 
   .imageWrapper {
-    background-color: #f5f8fb;
     text-align: center;
     margin-bottom: 30px;
+    padding: 8px 0;
 
     @media @tablet, @phone {
       padding: 0 15px;