Responsive Profile Card Component using CSS Grid/Flex

This project was really fun, I loved the color schemes. :) I do have some questions on my code if anyone can give me advice on!

1: At first I was wondering how to implement the background pattern on the card, I was deciding between adding a div child in the container and then adding the pattern as a img or add it as a background-image. I went with the first option but I was curious if using just a div with a background-image would have been better practice than using an img tag, as the image was purely decorative?

2: For the avatar I went with a negative margin-top instead of using position: absolute, just so the space the avatar took went with it rather than moving just the image with position. Was using negative margin good practice for this situation? As I hardly use negatives in anything I was wondering if it is okay to use compared to position.

Overall feedback and/or suggestions of code changes would be greatly appreciated for me to take into my next projects. :)