Responsive Profile Preview Card Component (Flexbox)

Hi there 👋, I’m Spirit and this is my solution for this challenge. 🚀 Difficulties :

• Adding Multiple SVGs to the background was quite difficult for me.

My approach :

• I tried to add SVGs in the html and then give it a position and z-index to add both the top & bottom SVGs but it didn't worked properly because when i stretched the page to check its responsiveness it failed the SVGs dislocated from their prior position.

• Then I seeked help from my community & got to know about specifying Multiple Backgrounds in CSS Ruleset and used background-image property in the body tag and separated both SVGs with commas and specify the properties related to backgrounds using the same. Then it got fixed.

I am still unsure of the thing that is this the only best approach to add multiple backgrounds or SVGs in the background ?

Any suggestions on how I can improve and reduce unnecessary code are welcome!

Thank you. 😊✌️