Update index.html

index.html

@@ -497,25 +497,25 @@ <h2 class="title is-3 has-text-centered">Ablation Study</h2>
         <div class="columns is-vcentered">
           <!-- 消融实验 1 -->
           <div class="column is-4 has-text-centered">
-            <img src="./static/images/ablation_dssd.png" alt="DSSD Ablation Study" class="ablation-image">
-            <p>DSSD (Dynamic Style Score Distillation)</p>
+            <img src="./static/images/ablation_dssd.png" alt="DSSD Ablation Study" height="100%" class="ablation-image">
+            <p>Ablation on DSSD (Dynamic Style Score Distillation)</p>
           </div>
           <!-- 消融实验 2 -->
           <div class="column is-4 has-text-centered">
-            <img src="./static/images/ablation_outpainting.png" alt="Outpainting Ablation Study" class="ablation-image">
-            <p>Progressive Style Outpainting</p>
+            <img src="./static/images/ablation_outpainting.png" alt="Outpainting Ablation Study" height="100%" class="ablation-image">
+            <p>Ablation on Progressive Style Outpainting</p>
           </div>
           <!-- 消融实验 3 -->
           <div class="column is-4 has-text-centered">
-            <img src="./static/images/ablation_gaussian_refine.png" alt="Gaussian Refinement Ablation Study" class="ablation-image">
-            <p>Gaussian Refinement</p>
+            <img src="./static/images/ablation_gaussian_refine.png" alt="Gaussian Refinement Ablation Study" height="100%" class="ablation-image">
+            <p>Ablation on Gaussian Refinement</p>
           </div>
         </div>
       </div>
     </div>
   </div>
 
-  <style>
+<!--   <style>
     .ablation-image {
       max-width: 100%; /* 图片宽度适配容器 */
       height: auto; /* 自动调整高度保持比例 */
@@ -526,7 +526,7 @@ <h2 class="title is-3 has-text-centered">Ablation Study</h2>
     .columns.is-vcentered {
       gap: 20px; /* 调整图片间距 */
     }
-  </style>
+  </style> -->
 </section>