diff --git a/html/blowing-in-the-wind.tsx b/html/blowing-in-the-wind.tsx
index 5310e17..2445781 100644
--- a/html/blowing-in-the-wind.tsx
+++ b/html/blowing-in-the-wind.tsx
@@ -41,15 +41,11 @@ const Blade = ({ x, y }: { x: number; y: number }) => (
         style={{
             // transformOrigin: "bottom",
             // transform: "translateX(0.5rem)",
-            animation: "spin infinite ease-in-out alternate",
+            // putting everything here *drastically* reduces size
+            animation: `6.5s spin ${blade_delay(x, y).toFixed(
+                2
+            )}s infinite ease-in-out alternate`,
             transform: "translateX(0.5rem)",
-
-            // putting math knowledge to work :D
-            animationDelay: `${blade_delay(x, y).toFixed(2)}s`,
-            // having some randomness with the duration is a great idea!!
-            // maybe not with things being synchronized though!
-            // animationDuration: `${2.5 + Math.random() * 0}s`,
-            animationDuration: "6.5s",
             color: pick_random(grass_colors),
             // helps the squareness
             overflow: "hidden",