Adjust sunbeam and butterfly positioning for improved visuals

This commit is contained in:
CodeDevMLH
2026-02-21 15:23:29 +01:00
parent 816f58cf02
commit 9a41c0a2ce

View File

@@ -89,7 +89,7 @@ function spawnSunbeamGroup(container, count) {
beam.style.left = `${left}%`;
// MARK: SUNBEAM WIDTH (in px)
const width = Math.random() * 5 + 15; // 5-20px wide
const width = Math.random() * 12 + 8; // 8-20px wide
beam.style.width = `${width}px`;
beam.style.setProperty('--beam-rotation', `${rotate}deg`);
@@ -285,7 +285,7 @@ function createButterfly(container) {
butterfly.style.animationDelay = `-${Math.random() * 3}s`;
// MARK: BUTTERFLY HEIGHT (in %)
const top = Math.random() * 35 + 50; // 50-85%
const top = Math.random() * 35 + 30; // 30-65%
wrapper.style.top = `${top}%`;
mirror.appendChild(butterfly);