how to make outer circles to rotate around the central circle instead of spinning

Question

I used transform-origin but it gives strange result, perhaps i am using everything in css the wrong way...

https://code.sololearn.com/Wzq6RVqDrA5G/?ref=app

Answer 1

You had to let the petals be relative to the center, and thus let the center be the container of the petals
https://code.sololearn.com/W30TBVeN4P7C/?ref=app

Answer 2

thanks Roel

Answer 3

thank you Calvin

Answer 4

https://code.sololearn.com/W555PuBw8Lxz/?ref=app