.quotes-bg {
    position:absolute;
    inset:0;
    pointer-events:none;
    font-size:6rem;
    line-height:1;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-content:center;
    gap:3rem;
    opacity:0.07;
    z-index:0;
  }

  .quotes-bg span {
    animation: floatFade 8s infinite ease-in-out;
  }

  .quotes-bg span:nth-child(2) { animation-delay: 2s; }
  .quotes-bg span:nth-child(3) { animation-delay: 4s; }
  .quotes-bg span:nth-child(4) { animation-delay: 6s; }
  .quotes-bg span:nth-child(5) { animation-delay: 1s; }
  .quotes-bg span:nth-child(6) { animation-delay: 3s; }
  .quotes-bg span:nth-child(7) { animation-delay: 5s; }
  .quotes-bg span:nth-child(8) { animation-delay: 7s; }

  @keyframes floatFade {
    0%, 100% {
      transform: translateY(0) scale(1);
      opacity: 0.08;
    }
    50% {
      transform: translateY(-20px) scale(1.1);
      opacity: 0.15;
    }
  }