over lap avatar image over background image and element

Question

I am trying to center overlap my avatar over a background image and maintain how the avatar is centered over the background in a responsive way:

Code<