Format code

Author: janfaracik

src/main/resources/scss/pages/_home.scss

@@ -11,6 +11,12 @@
   }
 }
 
+@property --rotation {
+  syntax: "<angle>";
+  initial-value: 0deg;
+  inherits: false;
+}
+
 .app-home__side-by-side {
   position: relative;
   display: grid;
@@ -99,17 +105,16 @@
     display: inline-block;
     position: relative;
     width: 100%;
-    margin: -10%;
     aspect-ratio: 1;
     backdrop-filter: invert(2%) blur(100px);
     mask-image: repeating-conic-gradient(
-      from 90deg,
+      from var(--rotation),
       var(--background) 0deg,
       transparent 20deg
     );
     z-index: -1;
     opacity: 0.85;
-    flex: 1;
+
     @media (prefers-reduced-motion: no-preference) {
       animation: sunburst-rotation 100s infinite linear;
     }
@@ -118,7 +123,7 @@
 
 @keyframes sunburst-rotation {
   to {
-    transform: rotate(360deg);
+    --rotation: 360deg;
   }
 }