浮遊パーティクル背景ヒーロー

<div class="d01-01-07-hero">
          <span class="d01-01-07-p d01-01-07-p1"></span>
          <span class="d01-01-07-p d01-01-07-p2"></span>
          <span class="d01-01-07-p d01-01-07-p3"></span>
          <span class="d01-01-07-p d01-01-07-p4"></span>
          <span class="d01-01-07-p d01-01-07-p5"></span>
          <span class="d01-01-07-p d01-01-07-p6"></span>
          <div class="d01-01-07-inner">
            <h1>ひかりが、あつまる場所。</h1>
            <p>やわらかな浮遊感が、サイト全体の空気を変えます。</p>
          </div>
        </div>

.prev.d01-01-07{padding:0;display:block;min-height:320px}
        .d01-01-07-hero{position:relative;height:320px;overflow:hidden;background:linear-gradient(180deg,#0b1e3d 0%,#123a63 100%);display:flex;align-items:center;justify-content:center}
        .d01-01-07-p{position:absolute;border-radius:50%;
          background:radial-gradient(circle,rgba(140,220,255,.9) 0%,rgba(140,220,255,0) 70%);
          animation:d01-01-07-float 8s ease-in-out infinite}
        .d01-01-07-p1{width:60px;height:60px;left:8%;top:60%;animation-duration:9s}
        .d01-01-07-p2{width:26px;height:26px;left:24%;top:22%;animation-duration:7s;animation-delay:-2s}
        .d01-01-07-p3{width:44px;height:44px;left:48%;top:70%;animation-duration:10s;animation-delay:-4s}
        .d01-01-07-p4{width:20px;height:20px;left:66%;top:18%;animation-duration:6s;animation-delay:-1s}
        .d01-01-07-p5{width:70px;height:70px;left:80%;top:55%;animation-duration:11s;animation-delay:-5s}
        .d01-01-07-p6{width:32px;height:32px;left:38%;top:38%;animation-duration:8s;animation-delay:-3s}
        @keyframes d01-01-07-float{
          0%,100%{transform:translate(0,0);opacity:.5}
          25%{transform:translate(10px,-24px);opacity:1}
          50%{transform:translate(-8px,-40px);opacity:.7}
          75%{transform:translate(6px,-16px);opacity:.9}
        }
        .d01-01-07-inner{position:relative;text-align:center;padding:24px}
        .d01-01-07-hero h1{color:#eaf6ff;font-size:24px;font-weight:700;letter-spacing:.1em;margin:0 0 12px}
        .d01-01-07-hero p{color:rgba(234,246,255,.7);font-size:12.5px;line-height:1.9;margin:0}