how to create shaders with framer #webdesign

How do you turn this into this into this into this? The first version is a simple background color with a radial overlay. Clean and simple. And sometimes that's enough. But if you use Framer's built-in shader component, you can dynamically adjust colors, speed, shapes, and the overall vibe of your motion background. Specifically, I'm using their Liquid Wave Bands and Rings shader. I'm adjusting their colors to be more dark, like Gotham, and I'm slowing down their speed. And to get them into the background, I'm positioning these shaders as an absolute layer behind the content of the page, which kind of has that Batman aura, which is gravy because I've been wondering