Update README.md

README.md

@@ -7,4 +7,26 @@ library_name: diffusers
 
 <u><b>Outfit:</b></u> **pink sweater**, **turtleneck sweater**, **sleeveless turtleneck**, **corset**, **red pants**
 
-<u><b>Accessories & Ornaments:</b></u> **armlet**, **black gloves**, **fingerless gloves**, **vambraces**, **bow (weapon)**, **arrow (projectile)**, **quiver**, **strap between breasts**
+<u><b>Accessories & Ornaments:</b></u> **armlet**, **black gloves**, **fingerless gloves**, **vambraces**, **bow (weapon)**, **arrow (projectile)**, **quiver**, **strap between breasts**
+
+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>