Update README.md

README.md

@@ -35,62 +35,48 @@ pipeline_tag: image-to-video
 
 ## Examples
 
-<table>
-  <tr>
-    <td align="center" style="padding: 20px; background-color: #f8f9fa; border-radius: 10px;">
-      <h3>Clay Dog</h3>
-      <img src="./example_gifs/dog_squish.gif" width="500" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);"><br><br>
-      <a href="./example_videos/dog_squish.mp4" style="display: inline-block; padding: 8px 16px; background-color: #0366d6; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">Download MP4</a><br><br>
-      <div style="background-color: #f0f0f0; padding: 12px; border-radius: 6px; text-align: left; margin: 10px 0;">
-        <code>In the video, a miniature dog is presented. The dog is held in a person's hands. The person then presses on the dog, causing a sq41sh squish effect. The person keeps pressing down on the dog, further showing the sq41sh squish effect.</code>
-      </div>
-    </td>
-  </tr>
-  <tr><td style="height: 20px;"></td></tr>
-  <tr>
-    <td align="center" style="padding: 20px; background-color: #f8f9fa; border-radius: 10px;">
-      <h3>Tank</h3>
-      <img src="./example_gifs/tank_squish.gif" width="500" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);"><br><br>
-      <a href="./example_videos/tank_squish.mp4" style="display: inline-block; padding: 8px 16px; background-color: #0366d6; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">Download MP4</a><br><br>
-      <div style="background-color: #f0f0f0; padding: 12px; border-radius: 6px; text-align: left; margin: 10px 0;">
-        <code>In the video, a miniature tank is presented. The tank is held in a person's hands. The person then presses on the tank, causing a sq41sh squish effect. The person keeps pressing down on the tank, further showing the sq41sh squish effect.</code>
-      </div>
-    </td>
-  </tr>
-  <tr><td style="height: 20px;"></td></tr>
-  <tr>
-    <td align="center" style="padding: 20px; background-color: #f8f9fa; border-radius: 10px;">
-      <h3>Hot Air Balloon</h3>
-      <img src="./example_gifs/balloon_squish.gif" width="500" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);"><br><br>
-      <a href="./example_videos/balloon_squish.mp4" style="display: inline-block; padding: 8px 16px; background-color: #0366d6; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">Download MP4</a><br><br>
-      <div style="background-color: #f0f0f0; padding: 12px; border-radius: 6px; text-align: left; margin: 10px 0;">
-        <code>In the video, a miniature balloon is presented. The balloon is held in a person's hands. The person then presses on the balloon, causing a sq41sh squish effect. The person keeps pressing down on the balloon, further showing the sq41sh squish effect.</code>
-      </div>
-    </td>
-  </tr>
-  <tr><td style="height: 20px;"></td></tr>
-  <tr>
-    <td align="center" style="padding: 20px; background-color: #f8f9fa; border-radius: 10px;">
-      <h3>Rodent</h3>
-      <img src="./example_gifs/rodent_squish.gif" width="500" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);"><br><br>
-      <a href="./example_videos/rodent_squish.mp4" style="display: inline-block; padding: 8px 16px; background-color: #0366d6; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">Download MP4</a><br><br>
-      <div style="background-color: #f0f0f0; padding: 12px; border-radius: 6px; text-align: left; margin: 10px 0;">
-        <code>In the video, a miniature rodent is presented. The rodent is held in a person's hands. The person then presses on the rodent, causing a sq41sh squish effect. The person keeps pressing down on the rodent, further showing the sq41sh squish effect.</code>
-      </div>
-    </td>
-  </tr>
-  <tr><td style="height: 20px;"></td></tr>
-  <tr>
-    <td align="center" style="padding: 20px; background-color: #f8f9fa; border-radius: 10px;">
-      <h3>Person</h3>
-      <img src="./example_gifs/person_squish.gif" width="500" style="border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);"><br><br>
-      <a href="./example_videos/person_squish.mp4" style="display: inline-block; padding: 8px 16px; background-color: #0366d6; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">Download MP4</a><br><br>
-      <div style="background-color: #f0f0f0; padding: 12px; border-radius: 6px; text-align: left; margin: 10px 0;">
-        <code>In the video, a miniature person is presented. The person is held in a person's hands. The person then presses on the person, causing a sq41sh squish effect. The person keeps pressing down on the person, further showing the sq41sh squish effect.</code>
-      </div>
-    </td>
-  </tr>
-</table>
+### Clay Dog
+![Clay Dog Squish](./example_gifs/dog_squish.gif)
+[📥 Download MP4](./example_videos/dog_squish.mp4)
+
+> In the video, a miniature dog is presented. The dog is held in a person's hands. The person then presses on the dog, causing a sq41sh squish effect. The person keeps pressing down on the dog, further showing the sq41sh squish effect.
+
+---
+
+### Tank
+![Tank Squish](./example_gifs/tank_squish.gif)
+[📥 Download MP4](./example_videos/tank_squish.mp4)
+
+> In the video, a miniature tank is presented. The tank is held in a person's hands. The person then presses on the tank, causing a sq41sh squish effect. The person keeps pressing down on the tank, further showing the sq41sh squish effect.
+
+---
+
+### Hot Air Balloon
+![Balloon Squish](./example_gifs/balloon_squish.gif)
+[📥 Download MP4](./example_videos/balloon_squish.mp4)
+
+> In the video, a miniature balloon is presented. The balloon is held in a person's hands. The person then presses on the balloon, causing a sq41sh squish effect. The person keeps pressing down on the balloon, further showing the sq41sh squish effect.
+
+---
+
+### Rodent
+![Rodent Squish](./example_gifs/rodent_squish.gif)
+[📥 Download MP4](./example_videos/rodent_squish.mp4)
+
+> In the video, a miniature rodent is presented. The rodent is held in a person's hands. The person then presses on the rodent, causing a sq41sh squish effect. The person keeps pressing down on the rodent, further showing the sq41sh squish effect.
+
+---
+
+### Person
+![Person Squish](./example_gifs/person_squish.gif)
+[📥 Download MP4](./example_videos/person_squish.mp4)
+
+> In the video, a miniature person is presented. The person is held in a person's hands. The person then presses on the person, causing a sq41sh squish effect. The person keeps pressing down on the person, further showing the sq41sh squish effect.
+
+## 📥 Downloads
+
+- [squish_18.safetensors](./squish_18.safetensors) - LoRA Model File
+- [wan_img2video_lora_workflow.json](./workflow/wan_img2video_lora_workflow.json) - Wan I2V with LoRA Workflow
 
 <div style="background-color: #f8f9fa; padding: 20px; border-radius: 10px; margin-bottom: 20px;">
   <div style="background-color: white; padding: 15px; border-radius: 8px; margin: 15px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
@@ -120,16 +106,14 @@ pipeline_tag: image-to-video
     <h2 style="color: #24292e; margin-top: 0;">ComfyUI Workflow</h2>
     <p>This LoRA works with a modified version of <a href="https://github.com/kijai/ComfyUI-WanVideoWrapper/blob/main/example_workflows/wanvideo_480p_I2V_example_02.json" style="color: #0366d6; text-decoration: none;">Kijai's Wan Video Wrapper workflow</a>. The main modification is adding a Wan LoRA node connected to the base model.</p>
     <img src="./workflow/workflow_screenshot.png" style="width: 100%; border-radius: 8px; margin: 15px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-    <p>You can download my modified workflow here:<br>
-    <a href="./workflow/wan_img2video_lora_workflow.json" style="display: inline-block; padding: 8px 16px; background-color: #0366d6; color: white; text-decoration: none; border-radius: 4px; font-weight: bold; margin-top: 10px;">Download Squish Effect Workflow</a></p>
+    <p>See the Downloads section above for the modified workflow.</p>
   </div>
 </div>
 
 <div style="background-color: #f8f9fa; padding: 20px; border-radius: 10px; margin-bottom: 20px;">
   <div style="background-color: white; padding: 15px; border-radius: 8px; margin: 15px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
-    <h2 style="color: #24292e; margin-top: 0;">Download</h2>
-    <p>Weights for this model are available in Safetensors format.</p>
-    <a href="./squish_18.safetensors" style="display: inline-block; padding: 8px 16px; background-color: #0366d6; color: white; text-decoration: none; border-radius: 4px; font-weight: bold;">Download squish_18.safetensors</a>
+    <h2 style="color: #24292e; margin-top: 0;">Model Information</h2>
+    <p>The model weights are available in Safetensors format. See the Downloads section above.</p>
   </div>
 
   <div style="background-color: white; padding: 15px; border-radius: 8px; margin: 15px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">