User Card with flexbox

I ended up setting the img behind the profile pic as a background-img with background-size: contain; and then just adding margin-top to adjust for the background image. Not sure if this was really the best approach. I am terrible with images and background-images so any advice to deal with them and positioning would be super helpful. Also had lot of trouble on the background svgs had to find someone else's solution to figure that one out (article here: https://dev.to/lismaria/profile-card-challenge-frontendmentor-io-3d51). not sure I totally understand why vh and vw make it work better so I'll have to think back on that one as I was using -vh and -vw values that didn't have the same effect.