Update README.md

README.md

@@ -1,3 +1,6 @@
+---
+library_name: diffusers
+---
 # **Virginia BALANCE** from **The Irregular at The Magic High School**
 
 <u><b>Trigger Words:</b></u> **Virginia BALANCE**, **long hair**, **grey eyes**, **mature female**, **grey hair**
@@ -7,4 +10,25 @@
 <u><b>Outfit:</b></u>  
 1) **black jacket**, **black suit**, **collared shirt**, **light blue undershirt**, **long sleeves**  
    - **black skirt**, **pencil skirt**, **skirt suit**
-   - 
+  
+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>