.particle-wrap {
  z-index: -1;
  aspect-ratio: 1;
  pointer-events: none;
  width: 380px;
  position: absolute;
  inset: 50px auto auto 50%;
  transform: translate(-50%)
}
.particle-wrap::after {position: absolute; background-color: #6F00FF; filter: blur(150px); border-radius: 50%; content: ""; top: 0px; left: 0; z-index: 0; width: 100%; height: 100%; right: 0; margin: 0 auto;}
.particle1 {
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 0% auto auto 0%
}

.particle2 {
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 50px auto auto 50px
}

.particle3 {
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 40px auto auto 80px
}

.particle4 {
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 50px auto auto 182px
}

.particle5 {
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 54px auto auto 207px
}

.particle6 {
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 55px auto auto 275px
}

.particle7 {
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 58px auto auto 327px
}

.particle8 {
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 3px;
  position: absolute;
  inset: 24px auto auto 325px
}

/* Bottom to top only - fade out */
.particle-wrap .particle1,
.particle-wrap .particle2,
.particle-wrap .particle3,
.particle-wrap .particle4,
.particle-wrap .particle5,
.particle-wrap .particle6,
.particle-wrap .particle7,
.particle-wrap .particle8 {
  opacity: 0;
  transform: translateY(80px);
}

.particle-move-1 {
  animation: particleMoveUp 3s linear infinite;
  animation-delay: 0s;
}

.particle-move-2 {
  animation: particleMoveUp 3.5s linear infinite;
  animation-delay: 0.25s;
}

.particle-move-3 {
  animation: particleMoveUp 2.8s linear infinite;
  animation-delay: 0.5s;
}

.particle-move-4 {
  animation: particleMoveUp 3.2s linear infinite;
  animation-delay: 0.75s;
}

.particle-move-5 {
  animation: particleMoveUp 3.7s linear infinite;
  animation-delay: 1s;
}

@keyframes particleMoveUp {
  0% {
    transform: translateY(80px);
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  100% {
    transform: translateY(-80px);
    opacity: 0;
  }
}

.events-imgpad .particle-wrap {inset: -60px auto auto 50%;}