Update README.md

README.md

@@ -19,7 +19,7 @@ tags:
   <div>
     <img src="./images/Z-Image-Turbo_clear_vivid_vae_photo.png" alt="Z-Image-Turbo_clear_vivid_vae_photo" width="400" height="400">
   </div>
-  <div>
+  <div>
     <img src="./images/Z-Image-Turbo_original_vae_photo.png" alt="Z-Image-Turbo_original_vae_photo" width="400" height="400">
   </div>
 </div>
@@ -40,7 +40,7 @@ When using it with Z-Image, it is more effective when combined with the **Z-Imag
 
 ## clear vs clear_vivid
 
-<div style="text-align: center; margin-left: auto; margin-right: auto; width: 1000px;">
+<div style="text-align: center; margin-left: auto; margin-right: auto; width: 1000px; max-width: 100%;">
   <img src="./images/Z-Image_clear_vae_compare.png" alt="Z-Image_clear_vae_compare" width="1000" height="400">
 </div>
 
@@ -52,11 +52,11 @@ When using it with Z-Image, it is more effective when combined with the **Z-Imag
 ### Z-Image: [Z-Image-Turbo_clear](https://huggingface.co/easygoing0114/Z-Image-Turbo_clear)
 
 <div style="display: flex; justify-content: center; align-items: center; gap: 2em;">
-  <div>
-    <img src="./images/Z-Image-Turbo_clear_vae_anime.png" alt="Z-Image-Turbo_clear_vae_anime" width="400" height="400">
+  <div>
+    <img src="./images/Z-Image-Turbo_clear_vae_anime.png" alt="Z-Image-Turbo_clear_vae_anime" width="400" height="400">
   </div>
   <div>
-    <img src="./images/Z-Image-Turbo_clear_vivid_vae_anime.png" alt="Z-Image-Turbo_clear_vivid_vae_anime" width="400" height="400">
+    <img src="./images/Z-Image-Turbo_clear_vivid_vae_anime.png" alt="Z-Image-Turbo_clear_vivid_vae_anime" width="400" height="400">
   </div>
 </div>
 
@@ -66,10 +66,10 @@ When using it with Z-Image, it is more effective when combined with the **Z-Imag
 
 <div style="display: flex; justify-content: center; align-items: center; gap: 2em;">
   <div>
-    <img src="./images/Flux1_clear_vae.png" alt="Flux1_clear_vae" width="400" height="400">
+    <img src="./images/Flux1_clear_vae.png" alt="Flux1_clear_vae" width="400" height="400">
   </div>
-  <div>
-    <img src="./images/Flux1_clear_vivid_vae.png" alt="Flux1_clear_vivid_vae" width="400" height="400">
+  <div>
+    <img src="./images/Flux1_clear_vivid_vae.png" alt="Flux1_clear_vivid_vae" width="400" height="400">
   </div>
 </div>
 
@@ -77,10 +77,10 @@ When using it with Z-Image, it is more effective when combined with the **Z-Imag
 
 <div style="display: flex; justify-content: center; align-items: center; gap: 2em;">
   <div>
-    <img src="./images/HiDream_clear_vae.png" alt="HiDream_clear_vae" width="400" height="400">
+    <img src="./images/HiDream_clear_vae.png" alt="HiDream_clear_vae" width="400" height="400">
   </div>
-  <div>
-    <img src="./images/HiDream_clear_vivid_vae.png" alt="HiDream_clear_vivid_vae" width="400" height="400">
+  <div>
+    <img src="./images/HiDream_clear_vivid_vae.png" alt="HiDream_clear_vivid_vae" width="400" height="400">
   </div>
 </div>