diff --git a/index.html b/index.html
index 327cab8..ca0237b 100644
--- a/index.html
+++ b/index.html
@@ -62,7 +62,7 @@ <h1>
           <a href="https://stephenjia.github.io/"target="_blank">Xu Jia</a> <sup>1</sup>
         </div>
 
-        <div class="affiliations ">
+        <div class="affiliations">
           <sup>1</sup> IIAU, Dalian University of Technology &nbsp;
           <sup>2</sup> National University of Singapore &nbsp;
         </div>
@@ -134,10 +134,20 @@ <h3> <font color="FireBrick">RGB data </font></h3>
           <i>RGB data is comming soon.</i>
       </div>
       <!--================= Method ==========================-->
+
+      <div class="container">
+        <div id="framework_fig" class="img_container">
+            <img src="framework.png" alt="PNG Image" width="300" height="300"> 
+        </div>
+        <div class="text">
+            <h1>这是标题</h1>
+            <p>这里是文字内容，你可以根据需要添加更多的文字。这个布局使图片在左侧，文字内容在右侧展示，适合展示产品、介绍概念等场景。</p>
+        </div>
+    </div>
       
       <div id="img_intro_examples" class="img_container">
         <left>
-          <img src="overview.gif" alt="GIF Image" width="768" height="426"> 
+          <img src="framework.png" alt="PNG Image" width="300" height="300"> 
         </left>
       </div>