From 168490d8a228fcdde6630fe5c2d73ee6a1dbcbae Mon Sep 17 00:00:00 2001
From: MattTheTekie <Mattmason2211@gmail.com>
Date: Sat, 28 Mar 2026 17:25:37 -0400
Subject: [PATCH] chore: fixes

---
 css/global.css | 72 +++++++++++++++++++++++++++++++++-----------------
 1 file changed, 48 insertions(+), 24 deletions(-)

diff --git a/css/global.css b/css/global.css
index 2a55b7e..156d305 100644
--- a/css/global.css
+++ b/css/global.css
@@ -817,47 +817,71 @@ a:hover {
 }
 
 
+.left_banner,
+.right_banner {
+  position: fixed;
 
-.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 image */
 .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)
+ *  1920–3K (normal size)
  = *======================== */
-@media (max-width: 1870px) {
+@media (min-width: 1870px) and (max-width: 3000px) {
+  .left_banner {
+    top: 250px;
+    left: 40px;
+    width: 383px;
+    height: 626px;
+  }
+
+  .right_banner {
+    top: 150px;
+    right: 40px;
+    width: 383px;
+    height: 626px;
+  }
+}
+
+/* =========================
+ *  4K SCALE UP
+ = *======================== */
+@media (min-width: 3000px) {
+  .left_banner,
+  .right_banner {
+    width: 520px;
+    height: 850px;
+  }
+
+  .left_banner {
+    top: 300px;
+    left: 80px;
+  }
+
+  .right_banner {
+    top: 200px;
+    right: 80px;
+  }
+}
+
+/* =========================
+ *  BELOW 1870 HIDE
+ = *======================== */
+@media (max-width: 1869px) {
   .left_banner,
   .right_banner {
     display: none !important;