Update README.md

README.md

@@ -9,7 +9,8 @@ tags:
   - stable-diffusion
 library_name: safetensors
 ---
-placeholder, ty lyn for the style (it won't look like this when I'm done no copystrike pls ty)
+
+<p align="center", style="font-size: 3.6rem; font-weight: bold"> ∞ 218xl ∞ </p>
 
 <style>
   .title-container {
@@ -65,15 +66,31 @@ placeholder, ty lyn for the style (it won't look like this when I'm done no copy
     /* Scale the container on hover */
   }
 
+  .custom-image-container:hover .custom-image {
+    opacity: 0
+  }
+  .custom-image-container:hover 
+  .hover-image {
+    opacity: 1;
+  }
+
   .custom-image {
     width: 100%;
     height: auto;
     object-fit: cover;
     border-radius: 10px;
-    transition: transform .7s;
+    transition: transform .7s, opacity .5s;
     margin-bottom: 0em;
   }
 
+  .hover-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 0;
+    transition: opacity .5s;
+  }
+  
   .nsfw-filter {
     filter: blur(8px); /* Apply a blur effect */
     transition: filter 0.3s ease; /* Smooth transition for the blur effect */
@@ -134,32 +151,31 @@ placeholder, ty lyn for the style (it won't look like this when I'm done no copy
   <tr>
     <td>
       <div class="custom-image-container">
-        <img class="custom-image" src="https://huggingface.co/Enferlain/218v2/resolve/main/images/218v2sample3.png" alt="sample1">
+        <img class="custom-image" src="https://huggingface.co/Enferlain/218xl/resolve/main/images/218xlb1.png" alt="sample1">
+        <img class="hover-image" src="https://huggingface.co/Enferlain/218xl/resolve/main/images/218xlb3.png" alt="Second Image">
       </div>
       <div class="custom-image-container">
-        <img class="custom-image" src="https://huggingface.co/Enferlain/218v2/resolve/main/images/218v2.png" alt="sample4">
+        <img class="custom-image" src="https://huggingface.co/Enferlain/218xl/resolve/main/images/218xlb2.png" alt="sample4">
       </div>
     </td>
     <td>
       <div class="custom-image-container">
-        <img class="custom-image" src="https://huggingface.co/Enferlain/218v2/resolve/main/images/218v2.png" alt="sample2">
+        <img class="custom-image" src="https://huggingface.co/Enferlain/218xl/resolve/main/images/218xlb3.png" alt="sample2">
       </div>
       <div class="custom-image-container">
-        <img class="custom-image" src="https://huggingface.co/Enferlain/218v2/resolve/main/images/218v2sample3.png" alt="sample3">
+        <img class="custom-image" src="https://huggingface.co/Enferlain/218xl/resolve/main/images/218xlb4.png" alt="sample3">
     </td>
     <td>
       <div class="custom-image-container">
-        <img class="custom-image" src="https://huggingface.co/Enferlain/218v2/resolve/main/images/218v2sample3.png" alt="sample1">
+        <img class="custom-image" src="https://huggingface.co/Enferlain/218xl/resolve/main/images/218xlb5.png" alt="sample1">
       </div>
       <div class="custom-image-container">
-        <img class="custom-image" src="https://huggingface.co/Enferlain/218v2/resolve/main/images/218v2.png" alt="sample4">
+        <img class="custom-image" src="https://huggingface.co/Enferlain/218xl/resolve/main/images/218xlb6.png" alt="sample4">
       </div>
     </td>
   </tr>
 </table>
 
-<p align="center", style="font-size: 3.6rem; font-weight: bold"> ∞ 218xl ∞ </p>
-
 # ∞ 218 -- 6 months later
 
 Continuation of what I loved about the first model, with updated ingredients and method of merging, that is Bayesian merging with manual scoring with samples generated with my LoRA.