diff --git a/index.html b/index.html
index 9281e3e..4b46e49 100644
--- a/index.html
+++ b/index.html
@@ -49,6 +49,7 @@
   <link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
   <link rel="stylesheet" href="./static/css/bulma-slider.min.css">
   <link rel="stylesheet" href="./static/css/fontawesome.all.min.css">
+  <link rel="stylesheet" href="./static/css/2image.css">
   <link rel="stylesheet"
         href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
   <link rel="stylesheet" href="./static/css/index.css">
@@ -259,20 +260,10 @@ <h2 class="title is-3">Visualization</h2>
       </div>
     </div>
     <!--/ Method. -->
-    <div class="column">
-      <div class="content">
-        
-        <img id="framework" src="./static/images/MOTheatmap.png">
 
-      </div>
-    </div>
-
-    <div class="column">
-      <div class="content">
-        
-        <img id="framework" src="./static/images/AICheatmap.png">
-
-      </div>
+    <div class="image-container">
+      <img id="framework1" src="./static/images/MOTheatmap.png" alt="Image 1">
+      <img id="framework2" src="./static/images/AICheatmap.png" alt="Image 2">
     </div>
 
   </div>
diff --git a/static/css/2image.css b/static/css/2image.css
new file mode 100644
index 0000000..22b0e31
--- /dev/null
+++ b/static/css/2image.css
@@ -0,0 +1,9 @@
+.image-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+ 
+.image-container img {
+    margin: 5px; /* 可以调整间距 */
+}
\ No newline at end of file