Profile card component

Struggled with background on this one. Is there a recommended way to deal with having multiple images in the background? I know you can add multiple images, but finding the right background-position settings was a challenge. In my first attempts, when I resized browser window the images would move a lot.

Also, with an element like this should you also make sure card fits a mobile screen in landscape mode, and not get cut off? I added a media query to do that.