fix logo bg

1 files changed, 11 insertions, 2 deletions

diff --git a/static/style.css b/static/style.css
index 8f06a61..9beeaf5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -146,6 +146,11 @@ nav a.active {
   gap: 0.5rem 2rem;
 }
 
+@keyframes logo-rotation {
+  from { transform: rotate(0); }
+  to { transform: rotate(360deg); }
+}
+
 .logo {
   height: 95px;
   position: relative;
@@ -165,14 +170,18 @@ nav a.active {
   font-weight: 900;
 }
 
-.logo-bg {
+.logo::before {
+  animation: infinite logo-rotation 120s;
+  background-image: url("/static/logo-bg.png");
+  background-repeat: no-repeat;
+  background-size: cover;
   position: absolute;
+  content: "";
   left: -50px;
   top: -58px;
   z-index: -1;
   width: 215px;
   height: 215px;
-  object-fit: cover;
 }
 
 .logo-glasses {