.snowflakes-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; /* Snowflakes will not block user interactions with other elements */
  z-index: 9999; /* Ensure it appears above other elements */
}

.snowflake {
  position: absolute;
  top: -100px;
  width: 50px; /* Adjust the size of the snowflakes */
  animation: fall linear infinite;
  opacity: 0.8;
}

@keyframes fall {
  0% {
    transform: translateY(-100px);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh);
    opacity: 0;
  }
}