.about-flex-container {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    padding: 24px 0;
}

.about-column-img {
    flex: 1;
    max-width: 256px;
}

.about-profile-pic {
    width: 100%;
    height: auto;
    max-width: 256px;
    display: block;
}


.about-column-text {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 24px;
    max-width: 640px;
    flex: 1;
}

@media (max-width: 800px) {
    .about-flex-container {
        flex-direction: column;
    }

    .about-column-img {
        max-width: 100%;
    }
}