Profile card component solution (flexbox)

Hey there 👋

This is my solution for the Profile Card Component challenge. Please lmk if you find any issues or if you have any suggestions on how I can improve my code (especially in terms of accessibility)/implement best practices 🫡

Problem/s encountered: The solution is good for chrome and firefox, but I'm experiencing an issue with the banner picture when it comes to safari in that there seems to be a tiny additional space on both sides of the banner (when viewed via desktop) and on top of the banner (when viewed mobile).

I already used a reset and tried adding a min-width to the banner but they did not resolve the problem.