Profile Card Component using HTML, vanilla CSS, Flexbox

Through these exercises, I'm really getting the hang of where and when to code flexbox.

The background images with circles where very difficult to position. I ended up delving into the CSS background selectors more thoroughly, and eventually using another user's solution. It worked so well that I didn't see the point in reinventing the wheel, but I am going to delve deeper to make sure I understand what the code is doing. Does anyone else have suggestions for this?

Also, when doing an accessibility check, I darkened the gray text because the suggested color was throwing contrast errors.

ApplePieGiraffe's solution: https://www.frontendmentor.io/solutions/card-component-with-3d-animation-t0NqrfqMT