#introduction {
    display: grid;
    position: relative;
    grid-template: 230px 1fr 1fr / 1fr;
}

#face-image {
    grid-column-start: 1;
    position: absolute;
    height: 300px;
    top: -35px;
    object-fit: scale-down;
    clip-path: circle(43%);
}

#hello-container {
    display: grid;
    grid-template: 1fr / 300px 1fr;
    grid-row-start: 1;
    justify-self: center;
}

#hello {
    grid-column-start: 2;
    align-self: center;
}

#summary {
    grid-row-start: 2;
    margin-top: 30px;
    margin-bottom: 30px;
    justify-self: center;
    align-self: center;
}

#socials {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    height: min-content;
}

a.social-link {
    text-decoration: none;
    margin: 0px 15px 0px 15px;
    height: min-content;
}