Stagger star parallax based on size of star Bigger stars move faster

src/components/blog/background/Stars.astro

···
 
 <div id="stars">
   {
-    new Array(blog.background.stars.count).fill(0).map((_) => (
-      <img
-        src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.istockphoto.com%2Fphotos%2Fgolden-star-picture-id498723198%3Fk%3D6%26m%3D498723198%26s%3D612x612%26w%3D0%26h%3DrIeSl8WZdo6qWBvw_vgWc3vPhrBj39jCyeiZKltHIWk%3D&f=1&nofb=1&ipt=d84206dedd597d64591aa883e18799f72d5863f495a9ce7b22c0e1814215263b"
-        alt=""
-        style={`--parallax-speed: ${blog.background.parallax.star};
-                --size: ${blog.background.stars.size[0] + Math.random() * (blog.background.stars.size[1] - blog.background.stars.size[0])}rem;
+    new Array(blog.background.stars.count).fill(0).map((_) => {
+      const sizeSeed = Math.random();
+
+      return (
+        <img
+          src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.istockphoto.com%2Fphotos%2Fgolden-star-picture-id498723198%3Fk%3D6%26m%3D498723198%26s%3D612x612%26w%3D0%26h%3DrIeSl8WZdo6qWBvw_vgWc3vPhrBj39jCyeiZKltHIWk%3D&f=1&nofb=1&ipt=d84206dedd597d64591aa883e18799f72d5863f495a9ce7b22c0e1814215263b"
+          alt=""
+          style={`--parallax-speed: ${blog.background.parallax.star[0] + sizeSeed * (blog.background.parallax.star[1] - blog.background.parallax.star[0])};
+                --size: ${blog.background.stars.size[0] + sizeSeed * (blog.background.stars.size[1] - blog.background.stars.size[0])}rem;
                 --x: ${Math.random()};
                 --y: ${Math.random()}`}
-                  data-parallax
-
-      />
-    ))
+          data-parallax
+        />
+      );
+    })
   }
 </div>

src/config.ts

···
       clouds: 50,
       sun: 10,
       moon: 20,
-      star: 5,
+      star: [0, 5],
     },
     clouds: {
       count: 8,
···
     stars: {
       count: 40,
       size: [2, 5],
-    }
+    },
   },
 };