From 22162d93da7ddf9e1e630efd789611545a528e83 Mon Sep 17 00:00:00 2001
From: MattTheTekie <Mattmason2211@gmail.com>
Date: Sat, 28 Mar 2026 17:36:14 -0400
Subject: [PATCH] chore: fixes

---
 css/global.css | 113 +++++++++++++++++++++++++++++++++----------------
 1 file changed, 76 insertions(+), 37 deletions(-)

diff --git a/css/global.css b/css/global.css
index 2a55b7e..f8ea382 100644
--- a/css/global.css
+++ b/css/global.css
@@ -818,46 +818,85 @@ a:hover {
 
 
 
-.left_banner {
-  position:fixed;
-  top: 250px;
-  left: 40px;
-  width: 383px;
-  height: 626px;
-  background-image: url("https://www.veltron.net/images/dragon.png");
-  background-size: contain;
-  background-position: center;
-  background-repeat: no-repeat;
-  animation: float 6s ease-in-out infinite;
-  z-index: 94;
-
-}
-
-
-
-
-.right_banner {
-  position:fixed;
-  top: 150px;
-  right: 40px;
-  width: 383px;
-  height: 626px;
-  background-image: url("https://www.veltron.net/images/digimon.png");
-  background-size: contain;
-  background-position: center;
-  background-repeat: no-repeat;
-  animation: float 6s ease-in-out infinite;
-  z-index: 94;
-
-}
-
-
-
 
 /* =========================
- *  BELOW 1920 (HIDE)
+ *  BASE (1920 DESIGN)
  = *======================== */
-@media (max-width: 1870px) {
+.left_banner,
+.right_banner {
+  position: fixed;
+
+  width: 383px;
+  height: 626px;
+
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+
+  animation: float 6s ease-in-out infinite;
+  z-index: 9999;
+  pointer-events: none;
+}
+
+/* images */
+.left_banner {
+  background-image: url("https://www.veltron.net/images/dragon.png");
+  top: 250px;
+  left: 40px;
+}
+
+.right_banner {
+  background-image: url("https://www.veltron.net/images/digimon.png");
+  top: 150px;
+  right: 40px;
+}
+
+/* =========================
+ *  SMALL LAPTOPS (1200–1600)
+ = *======================== */
+@media (max-width: 1600px) {
+  .left_banner,
+  .right_banner {
+    width: 260px;
+    height: 425px;
+  }
+
+  .left_banner {
+    top: 180px;
+    left: 10px;
+  }
+
+  .right_banner {
+    top: 120px;
+    right: 10px;
+  }
+}
+
+/* =========================
+ *  4K ONLY (make slightly bigger, NOT scaled math)
+ = *======================== */
+@media (min-width: 3000px) {
+  .left_banner,
+  .right_banner {
+    width: 520px;
+    height: 850px;
+  }
+
+  .left_banner {
+    top: 320px;
+    left: 80px;
+  }
+
+  .right_banner {
+    top: 200px;
+    right: 80px;
+  }
+}
+
+/* =========================
+ *  MOBILE
+ = *======================== */
+@media (max-width: 768px) {
   .left_banner,
   .right_banner {
     display: none !important;