#particles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.hero-content {
  position: relative;
  z-index: 2;
}

.hero-image {
  z-index: 1;
}
.hero::before {
  background: linear-gradient(135deg, #0f172a, #020617);
}