diff --git a/Jax.html b/Jax.html
index dcfa91b..05c7495 100644
--- a/Jax.html
+++ b/Jax.html
@@ -37,29 +37,47 @@
         <!-- /// main content///-->
         <div class="row">
 
-            <!-- /// Character image /// -->
             <div class="col-sm-5">
 
-                <!--image-->
-                <div class="card bg-faded character-image character-image-jax image-credit-icon">
-                <a href="./img/jax.png" class="character-image character-image-jax lightbox" data-caption="Art by @river_stubs@instagram.com" data-group="gallery">
-                    
-                    <!--Image credit-->
-                    <span class="image-credit">
-                        <i class="fa-solid fa-image"></i>
-                    </span>
-                </a>
-                   
-                    <!--top-right decor-->
-                    <div class="p-2 decor-tr"></div>
+                <!-- Main card -->
+                <div
+                    class="card bg-dark text-white character-image character-image-jax image-credit-icon position-relative">
 
-                    <!--Bottom-left decor-->
+                    <a href="./img/jax.png" class="character-image character-image-jax lightbox"
+                        data-caption="Art by @river_stubs@instagram.com" data-group="gallery">
+                        <span class="image-credit">
+                            <i class="fa-solid fa-image"></i>
+                        </span>
+                    </a>
+                    <!-- Mini squares with background images -->
+                    <div class="d-flex w-100 p-2">
+                        <a href="./img/jax_yume.png" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box"
+                        style="background-image: url('./img/jax_yume_thumb.png'); "
+                        data-caption="Art by vgen.co/yumeshirokuro" data-group="gallery"></a>
+
+                        <a href="./img/jax_bulge.png" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box"
+                        style="background-image: url('./img/jax_bulge_thumb.png'); "
+                        data-caption="Art by linktr.ee/lontongs_" data-group="gallery"></a>
+
+                        <a href="./img/jax_daki.jpg" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box"
+                        style="background-image: url('./img/jax_daki_thumb.png'); "
+                        data-caption="Art by Ori Ottero (orifans.com)" data-group="gallery"></a>
+                    </div>
+                    <!-- Top-right and bottom-left decor -->
+                    <div class="p-2 decor-tr"></div>
                     <div class="p-2 decor-bl"></div>
 
-                    
                 </div>
+
             </div>
 
+
+
+
+
+
+
+
             <!-- /// End Character image /// -->
 
             <!-- /// Info section /// -->
@@ -76,7 +94,7 @@
                                 <!--basic info-->
                                 <div
                                     class="d-flex flex-wrap align-items-center text-white py-1 px-2 mb-2 character-info character-info-jax-light">
-                                    Nonbinary (they/them) <!--Gender Identity and Pronouns-->
+                                    Nonbinary (they/them) | Pansexual <!--Gender Identity, Pronouns and Sexuality-->
                                     <i class="ml-auto fa-solid fa-comment"></i>
                                 </div>
 
@@ -117,11 +135,10 @@
                                 <p>✨slut✨</p>
                                 <p>
                                     Jax is my pansexual, nonbinary Sea Elf OC. They started out as my PC in our current
-                                    Dungeons and Dragons campaign and turned into my first actual OC pretty quickly.
-                                    They love their Grandpa more than anyone in the world, they're afraid of heights and
-                                    a huge slut lol.
+                                    Dungeons and Dragons campaign and turned into my first actual OC and now <a
+                                        href="https://link.jaxoff.tv" target="_blank">VTube Avatar</a> pretty quickly.
+                                    There are two version of Jax. Pirate and Femboy. This page is about Femboy Jax.
                                 </p>
-
                             </div>
                         </div>
                         <!-- /// End About /// -->
@@ -162,75 +179,80 @@
 
                                     <!--pic 3-->
                                     <div class=" col-6">
-                                        <a href="./img/jax_aes3.jpg" class="lightbox" data-group="aesthetic">
-                                            <div class="text-white m-1 aesthetic-img"
-                                                style="background-image:url(./img/jax_aes3.jpg);"></div>
-                                        </a>
-                                    </div>
-
-
-
-                                    <!--pic 4-->
-                                    <div class="col-6">
-                                        <a href="./img/jax_aes4.jpg" class="lightbox" data-group="aesthetic">
-                                            <div class="text-white m-1 aesthetic-img"
-                                                style="background-image:url(./img/jax_aes4.jpg);">
+                                                <a href="./img/jax_aes3.jpg" class="lightbox" data-group="aesthetic">
+                                                    <div class="text-white m-1 aesthetic-img"
+                                                        style="background-image:url(./img/jax_aes3.jpg);"></div>
+                                                </a>
                                             </div>
-                                        </a>
+
+
+
+                                            <!--pic 4-->
+                                            <div class="col-6">
+                                                <a href="./img/jax_aes4.jpg" class="lightbox" data-group="aesthetic">
+                                                    <div class="text-white m-1 aesthetic-img"
+                                                        style="background-image:url(./img/jax_aes4.jpg);">
+                                                    </div>
+                                                </a>
+                                            </div>
+
+
+
+                                            <hr class="my-2" style="border-width:3px;border-radius:5px;">
+
+                                            <p class="text-center"
+                                                style="font-weight: bold;font-style: italic; font-size: 2em;">"I was not
+                                                made to be subtle."</p>
+
+                                            <hr class="my-2" style="border-width:3px;border-radius:5px;">
+
+                                            <a href="https://www.youtube.com/watch?v=pa14VNsdSYM" target="_blank"
+                                                class="link-song">
+                                                <i class="fa-solid fa-play"></i>
+                                                Only Girl (In The World) - Rihanna
+                                            </a>
+
+                                            <br class="mb-2">
+
+                                            <a href="https://www.youtube.com/watch?v=n3M4GrEEQTI" target="_blank"
+                                                class="link-song">
+                                                <i class="fa-solid fa-play"></i>
+                                                Bubblegum Bitch - MARINA
+                                            </a>
+
+                                            <br class="mb-2">
+
+                                            <a href="https://www.youtube.com/watch?v=6p-lDYPR2P8" target="_blank"
+                                                class="link-song">
+                                                <i class="fa-solid fa-play"></i>
+                                                Material Girl - Madonna
+                                            </a>
+
+                                            <br class="mb-2">
+
+                                            <hr class="my-2" style="border-width:3px;border-radius:5px;">
+
+                                            <div style="text-align:center;font-size:2em;letter-spacing:3px">
+                                                <i class="fa-regular fa-heart"></i>
+                                                <i class="fa-regular fa-star"></i>
+                                                <i class="fa-solid fa-music"></i>
+                                                <i class="fa-solid fa-record-vinyl"></i>
+                                            </div>
+
                                     </div>
-
-
-
-                                    <hr class="my-2" style="border-width:3px;border-radius:5px;">
-
-                                        <p class="text-center" style="font-weight: bold;font-style: italic; font-size: 2em;">"I was not made to be subtle."</p>
-
-                                    <hr class="my-2" style="border-width:3px;border-radius:5px;">
-
-                                    <a href="https://www.youtube.com/watch?v=pa14VNsdSYM" target="_blank" class="link-song">
-                                        <i class="fa-solid fa-play"></i>
-                                            Only Girl (In The World) - Rihanna
-                                    </a>
-
-                                    <br class="mb-2">
-
-                                    <a href="https://www.youtube.com/watch?v=n3M4GrEEQTI" target="_blank" class="link-song">
-                                        <i class="fa-solid fa-play"></i>
-                                            Bubblegum Bitch - MARINA
-                                    </a>
-                                    
-                                    <br class="mb-2">
-
-                                    <a href="https://www.youtube.com/watch?v=6p-lDYPR2P8" target="_blank" class="link-song">
-                                        <i class="fa-solid fa-play"></i>
-                                            Material Girl - Madonna
-                                    </a>
-                                    
-                                    <br class="mb-2">
-
-                                    <hr class="my-2" style="border-width:3px;border-radius:5px;">
-
-                                    <div style="text-align:center;font-size:2em;letter-spacing:3px">
-                                        <i class="fa-regular fa-heart"></i>
-                                        <i class="fa-regular fa-star"></i>
-                                        <i class="fa-solid fa-music"></i>
-                                        <i class="fa-solid fa-record-vinyl"></i>
-                                    </div>
-
                                 </div>
                             </div>
-                        </div>
 
 
-                        <!-- /// End Aesthetic /// -->
+                            <!-- /// End Aesthetic /// -->
 
-                        <!-- /// Trivia /// -->
-                        <div class="tab-pane fade" id="triv" role="tabpanel" aria-labelledby="profile-tab">
-                            <div class="card-body p-3">
+                            <!-- /// Trivia /// -->
+                            <div class="tab-pane fade" id="triv" role="tabpanel" aria-labelledby="profile-tab">
+                                <div class="card-body p-3">
 
-                                <div class="text-white py-1 px-2 my-2 tab-title">
-                                    <i class="fa-solid fa-bookmark"></i> Trivia
-                                </div>
+                                    <div class="text-white py-1 px-2 my-2 tab-title">
+                                        <i class="fa-solid fa-bookmark"></i> Trivia
+                                    </div>
 
                                     <p>
                                         <i class="fa-regular fa-circle"></i>
@@ -244,43 +266,46 @@
 
                                     <p>
                                         <i class="fa-regular fa-circle"></i>
-                                        Being the person who gave Jax their first guitar, Jax absolutely adores their Grandpa.
+                                        They own a bar in which they work as a bartender.
                                     </p>
 
-                            </div>
-                        </div>
-                        <!-- /// End Trivia /// -->
-
-                        <!-- /// Colours /// -->
-                        <div class="popup" id="popup"> Copied color: <span id="popupText"></span> </div>
-                        <div class="tab-pane fade" id="colours" role="tabpanel" aria-labelledby="contact-tab">
-                            <div class="card-body p-3">
-
-                                <div class="text-white py-1 px-2 mb-2 tab-title">
-                                    <i class="fa-regular fa-circle"></i> Colours
                                 </div>
+                            </div>
+                            <!-- /// End Trivia /// -->
+
+                            <!-- /// Colours /// -->
+                            <div class="popup" id="popup"> Copied color: <span id="popupText"></span> </div>
+                            <div class="tab-pane fade" id="colours" role="tabpanel" aria-labelledby="contact-tab">
+                                <div class="card-body p-3">
+
+                                    <div class="text-white py-1 px-2 mb-2 tab-title">
+                                        <i class="fa-regular fa-circle"></i> Colours
+                                    </div>
+
 
-                                    
                                     <div class="row no-gutters d-flex flex-wrap align-items-center m-2">
-                                        
+
                                         <!--Colour 1-->
                                         <div class="col m-1">
-                                            <div class="color light" style="background-color: #A8C5DB;">Skin<br>#A8C5DB</div>
+                                            <div class="color light" style="background-color: #A8C5DB;">Skin<br>#A8C5DB
+                                            </div>
                                         </div>
 
                                         <!--Colour 2-->
                                         <div class="col m-1">
-                                            <div class="color light" style="background-color: #F5A9B8;">Dyed Hair<br>#F5A9B8</div>
+                                            <div class="color light" style="background-color: #F5A9B8;">Dyed
+                                                Hair<br>#F5A9B8</div>
                                         </div>
 
                                         <!--Colour 3-->
                                         <div class="col m-1">
-                                            <div class="color" style="background-color: #12354B;">Natural Hair<br>#12354B</div>
+                                            <div class="color" style="background-color: #12354B;">Natural
+                                                Hair<br>#12354B</div>
                                         </div>
                                     </div>
 
                                     <div class="row no-gutters d-flex flex-wrap align-items-center m-2">
-                                        
+
                                         <!--Colour 4-->
                                         <div class="col m-1">
                                             <div class="color" style="background-color: #105522;">Eyes<br>#105522</div>
@@ -288,7 +313,8 @@
 
                                         <!--Colour 5-->
                                         <div class="col m-1">
-                                            <div class="color" style="background-color: #12404B;">Freckles<br>#12404B</div>
+                                            <div class="color" style="background-color: #12404B;">Freckles<br>#12404B
+                                            </div>
                                         </div>
 
                                         <!--Colour 6
@@ -303,7 +329,8 @@
                                         <div class="col m-1 color-download" style="background-color: #42769E;">
                                             <a href="./assets/jax_swatch.ase" class="text-decoration-none text-reset">
                                                 <b>
-                                                    <i class="fa-solid fa-link"></i> <i class="fa-solid fa-palette"></i> <br/>
+                                                    <i class="fa-solid fa-link"></i> <i class="fa-solid fa-palette"></i>
+                                                    <br />
                                                     Download Colour Palette (.ase)
                                                 </b>
                                             </a>
@@ -312,26 +339,27 @@
                                         <div class="col m-1 color-download" style="background-color: #42769E;">
                                             <a href="./assets/jax_swatch.aco" class="text-decoration-none text-reset">
                                                 <b>
-                                                    <i class="fa-solid fa-link"></i> <i class="fa-solid fa-palette"></i> <br/>
+                                                    <i class="fa-solid fa-link"></i> <i class="fa-solid fa-palette"></i>
+                                                    <br />
                                                     Download Colour Palette (.aco)
                                                 </b>
                                             </a>
                                         </div>
                                     </div>
 
+                                </div>
                             </div>
-                        </div>
                             <!-- /// End Links /// -->
 
 
+                        </div>
+
                     </div>
 
                 </div>
+                <!-- /// End Info section /// -->
 
             </div>
-            <!-- /// End Info section /// -->
-
-        </div>
             <!-- /// end main content///-->
 
 
@@ -388,24 +416,16 @@
         </div>
 
         <!--Images for Gallery-->
-        <a href="./img/jax_ori.png" class="lightbox img-invisible" data-caption="Art by Ori Ottero (orifans.com)"
-            data-group="gallery"></a>
-        <a href="./img/jax_yume.png" class="lightbox img-invisible" data-caption="Art by @yumeshirokuro.bsky.social"
-            data-group="gallery"></a>
-        <a href="./img/jax_skhema.png" class="lightbox img-invisible" data-caption="Art by @_skhema@instagram.com"
-            data-group="gallery"></a>
-        <a href="./img/jax_plush.png" class="lightbox img-invisible" data-caption="Art by Ori Ottero (orifans.com)"
-            data-group="gallery"></a>
-        <a href="./img/jax_chibi1.png" class="lightbox img-invisible" data-caption="Art by @yumeshirokuro.bsky.social"
-            data-group="gallery"></a>
-        <a href="./img/jax_chibi2.png" class="lightbox img-invisible" data-caption="Art by @yumeshirokuro.bsky.social"
-            data-group="gallery"></a>
+        <a href="./img/jax_chibi1.png" class="lightbox img-invisible" data-caption="Art by vgen.co/yumeshirokuro" data-group="gallery"></a>
+        <a href="./img/jax_chibi2.png" class="lightbox img-invisible" data-caption="Art by vgen.co/yumeshirokuro" data-group="gallery"></a>
+        <a href="./img/jax_plush.png" class="lightbox img-invisible" data-caption="Art by Ori Ottero (orifans.com)" data-group="gallery"></a>
+        <a href="./img/jax_yan.png" class="lightbox img-invisible" data-caption="Art by @yanorion@instagram.com" data-group="gallery"></a>
 
         <script>
             const colors = document.querySelectorAll(".color");
             const popup = document.getElementById("popup");
             const popupText = document.getElementById("popupText");
-            
+
             function rgbToHex(rgb) {
                 const result = rgb.match(/^rgb\((\d+), (\d+), (\d+)\)$/);
                 if (result) {
@@ -416,7 +436,7 @@
                 }
                 return rgb; // Falls kein gültiger RGB-Wert gefunden wurde
             }
-            
+
             colors.forEach(color => {
                 color.addEventListener("click", () => {
                     const colorValue = color.style.backgroundColor;
@@ -430,19 +450,17 @@
                 });
             });
         </script>
-        
+
         <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
-            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
-            crossorigin="anonymous">
-        </script>
-        
+            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
+            </script>
+
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
-            crossorigin="anonymous">
-        </script>
-        
+            integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous">
+            </script>
+
         <script src="./js/parvus.js"></script>
-        
+
         <script>
             const prvs = new Parvus()
         </script>
diff --git a/css/custom.css b/css/custom.css
index b05703a..f635af1 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -160,7 +160,7 @@ small {
   width: 60px;
   position: absolute;
   left: -20px;
-  bottom: 30px;
+  bottom: 120px;
 }
 
 .image-credit {
@@ -285,4 +285,11 @@ small {
 
 .test11 {
   display: block;
+}
+
+.mini-bg-box {
+  height: 5em;
+  background-size: cover;        /* Ensures the image covers the whole box */
+  background-position: center;   /* Keeps the image centered */
+  background-repeat: no-repeat;  /* Prevents tiling */
 }
\ No newline at end of file
diff --git a/img/jax_bulge.PNG b/img/jax_bulge.PNG
new file mode 100644
index 0000000..9db262c
Binary files /dev/null and b/img/jax_bulge.PNG differ
diff --git a/img/jax_bulge_thumb.png b/img/jax_bulge_thumb.png
new file mode 100644
index 0000000..97453a5
Binary files /dev/null and b/img/jax_bulge_thumb.png differ
diff --git a/img/jax_daki.jpg b/img/jax_daki.jpg
new file mode 100644
index 0000000..fb622af
Binary files /dev/null and b/img/jax_daki.jpg differ
diff --git a/img/jax_daki_thumb.png b/img/jax_daki_thumb.png
new file mode 100644
index 0000000..d312e0e
Binary files /dev/null and b/img/jax_daki_thumb.png differ
diff --git a/img/jax_ori.png b/img/jax_ori.png
deleted file mode 100644
index 471c0a6..0000000
Binary files a/img/jax_ori.png and /dev/null differ
diff --git a/img/jax_yan.png b/img/jax_yan.png
new file mode 100644
index 0000000..837b4e5
Binary files /dev/null and b/img/jax_yan.png differ
diff --git a/img/jax_yume_thumb.png b/img/jax_yume_thumb.png
new file mode 100644
index 0000000..9ba05f8
Binary files /dev/null and b/img/jax_yume_thumb.png differ