.hero-stars{background-image:radial-gradient(1.5px 1.5px at 8% 22%, color-mix(in srgb, var(--color-on-night) 50%, transparent), transparent), radial-gradient(1px 1px at 18% 68%, color-mix(in srgb, var(--color-on-night) 35%, transparent), transparent), radial-gradient(1.5px 1.5px at 32% 12%, color-mix(in srgb, var(--color-on-night) 40%, transparent), transparent), radial-gradient(1px 1px at 46% 80%, color-mix(in srgb, var(--color-on-night) 30%, transparent), transparent), radial-gradient(1.5px 1.5px at 61% 30%, color-mix(in srgb, var(--color-on-night) 45%, transparent), transparent), radial-gradient(1px 1px at 74% 58%, color-mix(in srgb, var(--color-on-night) 30%, transparent), transparent), radial-gradient(1.5px 1.5px at 85% 16%, color-mix(in srgb, var(--color-on-night) 40%, transparent), transparent), radial-gradient(1px 1px at 92% 72%, color-mix(in srgb, var(--color-on-night) 30%, transparent), transparent), radial-gradient(1.5px 1.5px at 12% 90%, color-mix(in srgb, var(--color-on-night) 30%, transparent), transparent), radial-gradient(1px 1px at 55% 92%, color-mix(in srgb, var(--color-on-night) 25%, transparent), transparent)}