Update README.md

README.md

@@ -5,3 +5,25 @@ library_name: diffusers
 <u><b>Trigger Words:</b></u> **FuHongxue**, **long hair**, **dark blue hair**, **brown eyes**, **medium breasts**
 
 <u><b>Outfit:</b></u> **black coat**, **red coat**, **two-tone coat**, **black sash**, **long coat**
+
+Previews (Illustrious):
+<style>
+  .custom-table { width: 100%; }
+  .custom-table td { width: 33.33%; }
+  .custom-image-container { position: relative; overflow: hidden; border-radius: 0.5em; }
+  .custom-image { width: 100%; height: auto; border-radius: 0.5em; transition: transform 0.25s; }
+  .custom-image-container:hover .custom-image { transform: scale(1.2); }
+</style>
+
+<table class="custom-table">
+  <tr>
+    <td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P1.png"></div></td>
+    <td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P2.png"></div></td>
+    <td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P3.png"></div></td>
+  </tr>
+  <tr>
+    <td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P4.png"></div></td>
+    <td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P5.png"></div></td>
+    <td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P6.png"></div></td>
+  </tr>
+</table>