Update README.md

README.md

@@ -7,4 +7,26 @@ library_name: diffusers
 
 <u><b>Outfit:</b></u> **white shirt**, **collared shirt**, **blue skirt**
 
-<u><b>Extras:</b></u> **collarbone**, **cleavage**, **pencil skirt**, **dress shirt**
+<u><b>Extras:</b></u> **collarbone**, **cleavage**, **pencil skirt**, **dress shirt**
+
+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>