Profile card component

👾Hello Alejandro Arigon, congratulations for this amazing solution!

I liked a lots all the work you've done here with the customization of the card design. Its amazing!

All you need to do now is make your component responsive by replacing all the properties width with max-width note that if you set width the element doesnt grow because its a fixed property, so if you expect an element responsive, avoid width.

See the code fixes below:

.card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 370px;
    height: 400px;
    background-color: #000;
    border: solid 3px #127e86;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(images/bg-card-personal.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
}

Hope it helps and happy coding!