Profile Card Component

• Your solution Semantically right in my opinion as far as HTML is concerned.
• Accessibility is well respected in my opinion, but for your images you can use `

<picture> <source media="(min-width:your-breakpoints)" srcset="your image"> <img src="your image" alt="image alt" style="width:auto;"> </picture>` to ensure the good responsiveness of your images - Check your layouts at breakpoints = 320px, and add some padding or 1rem to make it portable. - For the background image issues, use the property `backgroud-size: contain`. This applicable to svg images (background) and for jpg's use `background-size: cover`