[FEATURE] Replace animation

[eduardconstantin]

Is your feature request related to a problem? Please describe. I would like to improve the UI design and the functionality of this application. This project started as a joke but I can become something more. I would like to turn this into a relaxation app.

Describe the solution you'd like Instead of the two hands that appear during the animation, I would like to have a flower similar to the one in the picture. The flower should have an animation that is rotating, growing and shrinking slowly. I think this would be better done using svg. The background color should be the same blue gradient from the picture.

Describe alternatives you've considered Any suggestion is welcome.

Additional context

[manuelachamoso]

Can you assign to me this task?

[vashukashyap]

i would like to work on this issue! can i work on this?

[eduardconstantin]

@vashukashyap I assigned @manuelachamoso because she asked first.

[manuelachamoso]

Hello @eduardconstantin, I have a few questions. Would you like the flower in place of the hands that appear at the beginning when you instruct the user to place their hands on the screen? What message would replace it? I added a flower when the music starts, and I removed the loading bar that usually appears. Would this suggestion be okay with you? I've attached a photo and a video for you to see (in the video the bar is still not removed, but in the photo it does). screen-recording (9).webm

[eduardconstantin]

@manuelachamoso you can remove those steps with the messages and the hands after you press the button. The flower should appear after you press the button. You added the flower as an image? Because I would like it to be made using svg and look similar with the one I attached in the issue.