.about {
    padding-top: 8dvh;
}

.about-content :first-child {
    margin-top: 0;
}

.about-content {
    grid-column: 6/11;
}

.about-image {
    grid-column: 3/6;
    width: 100%;
}

.span-full {
    grid-column: 4/10;
}

@media (max-width: 750px) {
    .about-image,
    .about-content {
        grid-column: 2/12;
    }
}

.socials {
    display: flex;
    gap: var(--grid-gutter);
    padding-top: var(--grid-gutter);
}