PROFILE CARD COMPONENT | RESPONSIVE | HTML CSS

👾Hello Jarrian, congratulations for your solution!

Your solution seems really good, I saw the code you've used to position the circles behind the card, there's a better way to do it, note that your background isn't scaling correctly.

My advice for your is by doing the import of both images using the background-image inside the body and giving position for which separately using the , to declare the position for the top and bottom circles. See the code below:

 body {
    background-image: url(./images/bg-pattern-top.svg) , url(./images/bg-pattern-bottom.svg);
    background-size: cover;
    background-position: top -390px left -437px, bottom -478px right -370px;
    background-repeat: no-repeat;
}

Hope it helps and happy coding!