Responsive Profile-card-component-main using flexbox and pseudo-elemnt

its was really nice challenge, here is the idea i had: 1)I used the pseudo elements to arrange the different images in body 2)I used the CSS background image for the card and i used top padding instead of given a fixed height. 3)I assigned an '"ndex : 999"' to the card because otherwise the white background will be displayed transparently, letting the body background appear. I hope I used the correct method, Can you tell me please.