.flexible{
  position: relative;

  /* TU BASE (NO TOCAR) */
  background: radial-gradient(circle at 50% 50%, #F8F8F8 0%, #DCDBE7 100%);

  overflow: hidden;
}


/* CAPA FLUIDA */

.flexible::before{
  content:"";
  position: fixed;
  inset: -50%;
  z-index: -1;
  pointer-events: none;

  background:
    radial-gradient(circle at 40% 40%, rgba(255,255,255,0.6), transparent 60%),
    radial-gradient(circle at 60% 60%, rgba(220,219,231,0.7), transparent 60%),
    radial-gradient(circle at 50% 50%, rgba(200,200,220,0.4), transparent 70%);

  filter: blur(80px);

  animation: trezeLiquidFlow 25s linear infinite;
}



@keyframes trezeLiquidFlow{

  0%{
    transform: translate3d(0,0,0) scale(1);
  }

  25%{
    transform: translate3d(-5%, 3%, 0) scale(1.1);
  }

  50%{
    transform: translate3d(4%, -4%, 0) scale(1.08);
  }

  75%{
    transform: translate3d(-3%, 5%, 0) scale(1.12);
  }

  100%{
    transform: translate3d(0,0,0) scale(1);
  }

}