Hey, nice solution, card looks good and clean. I liked what you used semantic html tags, good job.
One suggestion is to use more organized folder structure in your src folder, it is kind of messy and hard to find what are the css files and what are the components .tsx files. I will be nice if you crate additional components and styles folder in src folder.
About your question (how to center profile picture ), there are a lot of ways to do it, but I am not sure which one is best, I personally use absolute positioning and transform property to center it the way it is.
Marked as helpful