.hero{ position: relative; z-index: 1; }
.clients, .clients-section, section.clients{ position: relative; z-index: 0; overflow: visible; }
.clients::before, .clients-section::before, section.clients::before{
  content: "";
  position: absolute;
  width: 520px; height: 520px;
  left: -6%; top: -220px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 45% 45%,
    rgba(115, 170, 255, 0.55) 0%,
    rgba(115, 170, 255, 0.30) 48%,
    rgba(115, 170, 255, 0.10) 72%,
    rgba(115, 170, 255, 0.00) 90%);
  filter: blur(0.2px) drop-shadow(0 30px 60px rgba(10,30,60,.10));
}
@media (max-width: 1100px){
  .clients::before, .clients-section::before, section.clients::before{
    width: 420px; height: 420px; top: -180px; left: -8%;
  }
}
@media (max-width: 780px){
  .clients::before, .clients-section::before, section.clients::before{
    width: 340px; height: 340px; top: -150px; left: -10%;
  }
}