/* оболочка‑позиционер: только задаёт координаты */
.ocean-wrapper{
  position: absolute;
  pointer-events: none;
  z-index: -1;                 /* позади всего контента */
}

/* сам размытый круг внутри */
.ocean-pulse{
  width: 400px; height: 400px;          /* базовый размер (может меняться в JS) */
  border-radius: 50%;
  background: oklch(78.024% 0.11966 160.075 / 0.2);
  filter: blur(120px);
  animation: oceanPulse 10s ease-in-out infinite alternate;
}



@keyframes oceanPulse{
  0%{ 
        opacity: 1; 
    }
  50%{ 
        opacity: 0.2;;
    }
  100%{
     opacity: 1;
     }
}



@keyframes oceanPulse2{
  0%{ 
        background: oklch(78.024% 0.11966 160.075 / 0.2); 
    }
  50%{ 
    background: oklch(78.024% 0.11966 160.075 / 0.05);
    }
  100%{
     background: oklch(78.024% 0.11966 160.075 / 0.2);
     }
}