/* Add this to your custom CSS */ .your-existing-banner-class { position: relative; } .constellation-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; /* Allows clicks to pass through to banner content */ z-index: 1; } .constellation-overlay .constellation-icon { position: absolute; width: 40px; height: 40px; --glow-color: rgba(255, 215, 0, 0.6); animation: constellation-twinkle 4s ease-in-out infinite; } /* Position individual icons */ .constellation-icon:nth-child(1) { top: 10%; left: 15%; animation-delay: 0s; } .constellation-icon:nth-child(2) { top: 20%; right: 20%; animation-delay: 0.8s; } .constellation-icon:nth-child(3) { bottom: 25%; left: 25%; animation-delay: 1.6s; } .constellation-icon:nth-child(4) { bottom: 15%; right: 15%; animation-delay: 2.4s; }