diff --git a/LTG banner.css b/LTG banner.css
index a193b04..40b6010 100644
--- a/LTG banner.css	
+++ b/LTG banner.css	
@@ -14,16 +14,16 @@ domain("ltg-admin.alkemics.com") {
         left: 0;
         width: calc(100% + var(--stripe-size));
         height: 100%;
-        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
         background-size: var(--stripe-size) var(--stripe-size);
         animation: stripeTransform var(--duration) linear infinite;
     }
     @keyframes stripeTransform {
-        0% {
-            transform: translateX(0);
+        from {
+            background-position: 0 0;
         }
-        100% {
-            transform: translateX(calc(var(--stripe-size) * -1));
+        to {
+            background-position: var(--stripe-size) 0;
         }
     }
 }
\ No newline at end of file
diff --git a/PLR banner.css b/PLR banner.css
index 1233971..0179590 100644
--- a/PLR banner.css	
+++ b/PLR banner.css	
@@ -13,16 +13,16 @@
         left: 0;
         width: calc(100% + var(--stripe-size));
         height: 100%;
-        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
         background-size: var(--stripe-size) var(--stripe-size);
         animation: stripeTransform var(--duration) linear infinite;
     }
     @keyframes stripeTransform {
-        0% {
-            transform: translateX(0);
+        from {
+            background-position: 0 0;
         }
-        100% {
-            transform: translateX(calc(var(--stripe-size) * -1));
+        to {
+            background-position: var(--stripe-size) 0;
         }
     }
 }
\ No newline at end of file