Profile card component using Flexbox

My fifth challenge here and even though at first glance it looks like an easy one two things got me thinking :)

1. I had trouble how to deal with the pattern card image, it doesn't feel like it has any relation to the content and therefore it doesn't feel like it should be an <img> element - I set it as a background image but that made me to set the fixed value for the avatar position which obviously is not very elegant and might cause some issues - any ideas how to handle it in an elegant way?
2. I've recently started learning BEM naming convention and during this project it got me thinking - how should I name nested elements with two parents or more? for example in my project I have such structure card > card__personal-details - how should I call class for the element inside the card__personal-details ? card__name or rather personal-details__name?

Would really appreciate any feedback!