diff --git a/www/Composite.png b/www/Composite.png
new file mode 100644
index 0000000..e288ccf
Binary files /dev/null and b/www/Composite.png differ
diff --git a/www/characters/zae.png b/www/characters/zae.png
new file mode 100644
index 0000000..a1ef32f
Binary files /dev/null and b/www/characters/zae.png differ
diff --git a/www/characters/zae.png~ b/www/characters/zae.png~
new file mode 100644
index 0000000..077d94b
Binary files /dev/null and b/www/characters/zae.png~ differ
diff --git a/www/data.json b/www/data.json
index ef7ddf1..9b84f54 100644
--- a/www/data.json
+++ b/www/data.json
@@ -7,20 +7,21 @@
       "url": "https://www.f-list.net/c/alice%20prairie"
     },
     {
-      "name": "Bear Cum",
-      "volume": 9,
-      "color": "#523a33",
-      "url": "https://www.f-list.net/c/Glyren"
+      "name": "Zae & Kan'vi Cum",
+      "volume": 81,
+      "color": "#FF56BD",
+      "url": "https://www.f-list.net/c/Zae",
+      "image": "characters/zae.png"
     },
     {
-      "name": "Kan'vi Cum (Glowing)",
-      "volume": 18,
-      "color": "#FF56BD",
-      "url": "https://www.f-list.net/c/Zae"
+      "name": "Dog Cum",
+      "volume": 8,
+      "color": "#940619",
+      "url": "https://www.f-list.net/c/maxene%20sita/"
     }
   ],
   "settings": {
-    "tankTopOffset": 265,
+    "tankTopOffset": 360,
     "tankBottomOffset": 101
   }
 }
diff --git a/www/favicon.ico b/www/favicon.ico
new file mode 100644
index 0000000..c202965
Binary files /dev/null and b/www/favicon.ico differ
diff --git a/www/index.html b/www/index.html
index c924ff4..fd51eaa 100644
--- a/www/index.html
+++ b/www/index.html
@@ -1,152 +1,193 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Cumtanks.snowusne.net</title>
 
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Cumtanks.snowusne.net</title>
+    <!-- Open Graph / Discord -->
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="cumtanks.snowusne.net" />
+    <meta property="og:image" content="/preview.png" />
 
-  <!-- Open Graph / Discord -->
-  <meta property="og:type" content="website" />
-  <meta property="og:title" content="cumtanks.snowusne.net" />
-  <meta property="og:image" content="/preview.png" />
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="cumtanks.snowusne.net" />
+    <meta name="twitter:image" content="/preview.png" />
 
-  <!-- Twitter -->
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:title" content="cumtanks.snowusne.net" />
-  <meta name="twitter:image" content="/preview.png" />
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-  <link rel="stylesheet" href="styles.css" />
-</head>
-
-<body>
-  <div class="container">
-    <div class="tank-container">
-      <img src="Alice_close_up_sheath_background.png" alt="Tank Background Back"
-        class="background-image background-image-back" />
-      <img src="Alice_close_up_sheath_shot.png" alt="Tank Background Foreground"
-        class="background-image background-image-fore" />
-      <!-- Liquid layers will be inserted here by JavaScript! -->
-      <div class="artist-link">
-        <a href="https://x.com/Raven4Seth" target="_blank" rel="noopener noreferrer">Art by SethRaven4</a>
+  <body>
+    <div class="container">
+      <div class="tank-container">
+        <img
+          src="Alice_close_up_sheath_background.png"
+          alt="Tank Background Back"
+          class="background-image background-image-back"
+        />
+        <img
+          src="Alice_close_up_sheath_shot.png"
+          alt="Tank Background Foreground"
+          class="background-image background-image-fore"
+        />
+        <!-- Liquid layers will be inserted here by JavaScript! -->
+        <div class="artist-link">
+          <a
+            href="https://x.com/Raven4Seth"
+            target="_blank"
+            rel="noopener noreferrer"
+            >Art by SethRaven4</a
+          >
+        </div>
+      </div>
+      <div class="settings">
+        <h2>Settings</h2>
+        <label>
+          Tank Top Offset (px):
+          <input
+            type="number"
+            id="tankTopOffset"
+            value="22"
+            min="0"
+            max="800"
+          />
+        </label>
+        <label>
+          Tank Bottom Offset (px):
+          <input
+            type="number"
+            id="tankBottomOffset"
+            value="40"
+            min="0"
+            max="800"
+          />
+        </label>
       </div>
     </div>
-    <div class="settings">
-      <h2>Settings</h2>
-      <label>
-        Tank Top Offset (px):
-        <input type="number" id="tankTopOffset" value="22" min="0" max="800" />
-      </label>
-      <label>
-        Tank Bottom Offset (px):
-        <input type="number" id="tankBottomOffset" value="40" min="0" max="800" />
-      </label>
-    </div>
-  </div>
 
-  <script>
-    let tankData = null;
-    const tankContainer = document.querySelector(".tank-container");
-    const tankTopInput = document.getElementById("tankTop");
-    const tankBottomInput = document.getElementById("tankBottom");
-    const tankTopOffsetInput = document.getElementById("tankTopOffset");
-    const tankBottomOffsetInput = document.getElementById("tankBottomOffset");
+    <script>
+      let tankData = null;
+      const tankContainer = document.querySelector(".tank-container");
+      const tankTopInput = document.getElementById("tankTop");
+      const tankBottomInput = document.getElementById("tankBottom");
+      const tankTopOffsetInput = document.getElementById("tankTopOffset");
+      const tankBottomOffsetInput = document.getElementById("tankBottomOffset");
 
-    async function loadData() {
-      try {
-        const response = await fetch("data.json");
-        tankData = await response.json();
-        updateTank();
-      } catch (error) {
-        console.error("Error loading tank data:", error);
+      async function loadData() {
+        try {
+          const response = await fetch("data.json");
+          tankData = await response.json();
+          updateTank();
+        } catch (error) {
+          console.error("Error loading tank data:", error);
+        }
       }
-    }
 
-    function updateTank() {
-      if (!tankData) return;
+      function updateTank() {
+        if (!tankData) return;
 
-      // Clear existing liquid layers
-      const existingLayers = document.querySelectorAll(".liquid-layer");
-      existingLayers.forEach((layer) => layer.remove());
+        // Clear existing liquid layers
+        const existingLayers = document.querySelectorAll(".liquid-layer");
+        existingLayers.forEach((layer) => layer.remove());
 
-      const tankContainerHeight = tankContainer.offsetHeight;
-      const tankTopOffset = tankData.settings.tankTopOffset;
-      const tankBottomOffset = tankData.settings.tankBottomOffset;
-      const tankHeight = tankContainerHeight - tankTopOffset - tankBottomOffset;
-      let currentHeight = 0;
-      let cumulativeVolume = 0;
+        const tankContainerHeight = tankContainer.offsetHeight;
+        const tankTopOffset = tankData.settings.tankTopOffset;
+        const tankBottomOffset = tankData.settings.tankBottomOffset;
+        const tankHeight =
+          tankContainerHeight - tankTopOffset - tankBottomOffset;
+        let currentHeight = 0;
+        let cumulativeVolume = 0;
 
-      tankData.liquids.forEach((liquid, i) => {
-        const layer = document.createElement("div");
-        layer.className = "liquid-layer";
-        layer.style.backgroundColor = liquid.color;
+        tankData.liquids.forEach((liquid, i) => {
+          const layer = document.createElement("div");
+          layer.className = "liquid-layer";
 
-        // Create the label
-        const label = document.createElement("div");
-        label.className = "liquid-label";
+          // Set background: image if present, else color
+          if (liquid.image) {
+            layer.style.backgroundImage = `url(${liquid.image})`;
+            layer.style.backgroundSize = "660px";
+            layer.style.backgroundRepeat = "no-repeat";
+            layer.style.backgroundPosition = "right 110px top 0px";
+            layer.style.backgroundColor = liquid.color;
+          } else {
+            layer.style.backgroundImage = "";
+            layer.style.backgroundColor = liquid.color;
+          }
 
-        // If there's a URL, make it a clickable link
-        if (liquid.url) {
-          const link = document.createElement("a");
-          link.href = liquid.url;
-          link.textContent = `${liquid.name} (${liquid.volume}%)`;
-          link.className = "liquid-link";
-          label.appendChild(link);
-        } else {
-          label.textContent = `${liquid.name} (${liquid.volume}%)`;
-        }
+          // Create the label
+          const label = document.createElement("div");
+          label.className = "liquid-label";
 
-        cumulativeVolume += liquid.volume;
+          // If there's a URL, make it a clickable link
+          if (liquid.url) {
+            const link = document.createElement("a");
+            link.href = liquid.url;
+            link.textContent = `${liquid.name} (${liquid.volume}%)`;
+            link.className = "liquid-link";
+            label.appendChild(link);
+          } else {
+            label.textContent = `${liquid.name} (${liquid.volume}%)`;
+          }
 
-        // Shift label left if cumulative volume is under 20%
-        if (cumulativeVolume < 20) {
-          label.style.left = '18%';
-          label.style.transform = 'translate(-30%, -50%)';
-        } else {
-          label.style.left = '50%';
-          label.style.transform = 'translate(-50%, -50%)';
-        }
+          cumulativeVolume += liquid.volume;
 
-        // Calculate height based on volume percentage
-        const height = (liquid.volume / 100) * tankHeight;
-        layer.style.height = `${height}px`;
+          // Shift label left if cumulative volume is under 20%
+          if (cumulativeVolume < 20) {
+            label.style.left = "18%";
+            label.style.transform = "translate(-30%, -50%)";
+          } else {
+            label.style.left = "50%";
+            label.style.transform = "translate(-50%, -50%)";
+          }
 
-        // Position from bottom, stacking up, starting at tankBottomOffset
-        layer.style.bottom = `${currentHeight + tankBottomOffset}px`;
-        currentHeight += height;
+          // Calculate height based on volume percentage
+          const height = (liquid.volume / 100) * tankHeight;
+          layer.style.height = `${height}px`;
 
-        // Add the label to the layer
-        layer.appendChild(label);
-        tankContainer.appendChild(layer);
-      });
-    }
+          // Position from bottom, stacking up, starting at tankBottomOffset
+          layer.style.bottom = `${currentHeight + tankBottomOffset}px`;
+          currentHeight += height;
 
-    // Update settings
-    function updateSettings() {
-      if (!tankData) return;
+          // Add the label to the layer
+          layer.appendChild(label);
+          tankContainer.appendChild(layer);
+        });
+      }
 
-      tankData.settings.tankTopOffset = parseInt(tankTopOffsetInput.value);
-      tankData.settings.tankBottomOffset = parseInt(tankBottomOffsetInput.value);
-      updateTank();
-    }
+      // Update settings
+      function updateSettings() {
+        if (!tankData) return;
 
-    // Event listeners
-    tankTopOffsetInput.addEventListener("change", updateSettings);
-    tankBottomOffsetInput.addEventListener("change", updateSettings);
+        tankData.settings.tankTopOffset = parseInt(tankTopOffsetInput.value);
+        tankData.settings.tankBottomOffset = parseInt(
+          tankBottomOffsetInput.value
+        );
+        updateTank();
+      }
 
-    // Initial load
-    loadData();
-  </script>
+      // Event listeners
+      tankTopOffsetInput.addEventListener("change", updateSettings);
+      tankBottomOffsetInput.addEventListener("change", updateSettings);
 
-  <!-- Footer -->
-  <footer class="tiny-footer">
-    <span>
-      Art by <a href="https://x.com/Raven4Seth" target="_blank" rel="noopener noreferrer">SethRave4</a>
-      &bull;
-      Message <a href="mailto:vixi@snowsune.net">vixi@snowsune.net</a> for questions/comments/anything!
-    </span>
-  </footer>
+      // Initial load
+      loadData();
+    </script>
 
-</body>
-
-</html>
\ No newline at end of file
+    <!-- Footer -->
+    <footer class="tiny-footer">
+      <span>
+        Art by
+        <a
+          href="https://x.com/Raven4Seth"
+          target="_blank"
+          rel="noopener noreferrer"
+          >SethRave4</a
+        >
+        &bull; Message
+        <a href="mailto:vixi@snowsune.net">vixi@snowsune.net</a> for
+        questions/comments/anything!
+      </span>
+    </footer>
+  </body>
+</html>
diff --git a/www/styles.css b/www/styles.css
index a1b5dd5..6bbeaad 100644
--- a/www/styles.css
+++ b/www/styles.css
@@ -72,6 +72,9 @@ h1 {
   transition: all 0.3s ease;
   z-index: 2;
   overflow: hidden;
+  background-position: top center;
+  background-repeat: no-repeat;
+  background-size: contain;
 }
 
 .liquid-layer > div {
