.gradient{position:relative;width:100%;height:100%;background-color:#4c9fc1;background-image:radial-gradient(circle at 75% 25%,rgba(253,233,138,1) 0%,rgba(253,233,138,0) 70%),radial-gradient(ellipse at 25% 45%,rgba(196,229,213,1) 0%,rgba(196,229,213,0) 70%),radial-gradient(circle at 5% 5%,rgba(27,106,134,1) 0%,rgba(27,106,134,0) 60%),radial-gradient(circle at 95% 95%,rgba(38,126,159,1) 0%,rgba(38,126,159,0) 60%);background-size:120% 120%;animation:exactMeshBreathe 12s ease-in-out infinite alternate}.gradient::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}