/* Glitter container (this will hold the falling glitter) */
.glitter-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* Ensures the glitter doesn't interfere with other interactions */
  overflow: hidden;
}

/* Glitter particle styling */
.glitter {
  position: absolute;
  width: 120px;
  height: 120px;
  background-image: url("../img/redline.png");
  background-size: contain;
  background-repeat: no-repat;
  animation: fall 5s linear infinite;
}

/* Glitter falling animation */
@keyframes fall {
  0% {
    top: -10px;
    opacity: 0.8;
  }
  100% {
    top: 100vh; /* Fall to the bottom of the screen */
    opacity: 0; /* Fade out as it falls */
  }
}