change the vae demo image due to ethic problem;

index.html

@@ -437,6 +437,10 @@
                 margin-left: auto; /* Center the image horizontally */
                 margin-right: auto;
             }
+            .image-comparison-content {
+                max-width: 440px; /* Limit the width to 80% of the screen */
+                max-height: 305px; /* Limit the width to 80% of the screen */
+            }
             video {
                 max-width: 92%;  /* The video will scale to fit the container */
             }
@@ -624,8 +628,8 @@ <h2>Several Core Design Details for Efficiency</h2>
 
     <section class="image-comparison-container">
         <div class="image-comparison-content">
-            <img src="asset/content/ae/2_img_vae_junyu.png" alt="Image 1" class="image-1"/>
-            <img src="asset/content/ae/2_img_origin.png" alt="Image 2" class="image-2"/>
+            <img src="asset/content/ae/4_img_vae_junyu.jpg" alt="Image 1" class="image-1"/>
+            <img src="asset/content/ae/4_img_origin.jpg" alt="Image 2" class="image-2"/>
             <div class="slider"></div>
         </div>
     </section>