How to Create a Star Trail Cursor in Webflow

(function() {
  var COUNT = 12, SIZE = 10;
  var COLORS = ['#a78bfa','#f472b6','#60a5fa','#34d399','#fbbf24'];
  var stars = [];
  for (var i = 0; i < COUNT; i++) {
    var s = document.createElement('div');
    s.style.cssText = 'position:fixed;pointer-events:none;border-radius:50%;z-index:9999;transition:opacity 0.3s;';
    document.body.appendChild(s);
    stars.push({ el: s, x: 0, y: 0 });
  }
  document.addEventListener('mousemove', function(e) {
    var s = stars[Math.floor(Math.random() * COUNT)];
    var color = COLORS[Math.floor(Math.random() * COLORS.length)];
    var size = SIZE * (0.5 + Math.random() * 0.5);
    s.el.style.cssText += 'width:'+size+'px;height:'+size+'px;background:'+color+';left:'+e.clientX+'px;top:'+e.clientY+'px;opacity:1;';
    setTimeout(function() { s.el.style.opacity = '0'; }, 100);
  });
})();