Movile first using pure HTML and CSS

Good work on that, your positioning is okay, it is okay to use absolute position but keep in mind that limiting it only on components that have low priority, but since I am used to using flexbox, for me i'll just use flexbox on it. Just giving a padding-top to the container and then aligning them center, the profile image along with the name of the person, then just adding gap on them so that I could avoid absoluting it (absoluting seems is not a word hahah) well that's just one solution to the question, but yours is a solution as well and it really works well^

Hello Diego

Nice card implementation!

I also used absolute to place the image. You could try with margin left & top.. I Just opened my project for this and i get the picture in the center like that too. Perhaps you could give it a try and see if it works for you.