How can I add multiple radial gradients as background of a page

Hi everyone, I am a newbie here and still learning. So basically what I’m trying to do is want to add multiple radial gradients as a background as you can see in the image below:

I have tried to add multiple radial gradients but as you can see only one color is appearing at a time.

https://preview.webflow.com/preview/ai-box?utm_medium=preview_link&utm_source=designer&utm_content=ai-box&preview=821a80c18600519394988f50e2e29f37&workflow=preview

Please let me know which approach would be best to achieve the background that you can see in the image

Thank you