From 0d9a9fc93086d276b1d08e71d249c66233cd152d Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Fri, 22 Sep 2023 11:41:57 +1000
Subject: [PATCH] fix animation with gradients

---
 src/inject/injected.css | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/inject/injected.css b/src/inject/injected.css
index 70f997e5..dd487a59 100644
--- a/src/inject/injected.css
+++ b/src/inject/injected.css
@@ -614,11 +614,7 @@ div > ol:has(.uiFileHandlerWrapper) {
 
 .bg {
   animation: slide 3s ease-in-out infinite alternate;
-  background-image: linear-gradient(
-    -60deg,
-    var(--better-main) 50%,
-    var(--auto-background) 50%
-  );
+  background: var(--better-main);
   bottom: 0;
   left: -50%;
   opacity: 0.5;
@@ -627,6 +623,7 @@ div > ol:has(.uiFileHandlerWrapper) {
   top: 0;
   z-index: 0 !important;
   overflow: hidden;
+  scale: 1.5;
 }
 
 .bg2 {
@@ -640,11 +637,11 @@ div > ol:has(.uiFileHandlerWrapper) {
 
 @keyframes slide {
   0% {
-    transform: translateX(-25%);
+    transform: translate(50%) rotate(-60deg);
   }
 
   100% {
-    transform: translateX(25%);
+    transform: translateX(5%) rotate(-60deg);
   }
 }