All solutions

Unable to align the images properly, but was able to achieve functionality on accordion

Made use of components and react hooks to achieve solution. Unsure on how to meaningfully manage css styling.

TODO: Add propTypes for basic checking

Is there a way to make background image auto fill to its container? Without my current code, it extends out past the border radius.

I am having difficulties getting the 2 circle patterns to appear in the background. I have tried using position relative and then positioning them manually. But the bottom circle would overflow past the div content.

Using overflow:hidden globally would fix this issue but would also cut off the profile image

I am unsure on how to properly organise my css and class names.

This is a small project, but i recognise as projects get more complex it will become a lot messier.