.about-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(6.5 * var(--space-unit));
    margin-left: var(--space-h-pc);
    margin-right: var(--space-h-pc);
}

.about-left-column {
    width: 45%;
}

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

.about-right-column {
    width: 50%;
    margin-left: 5%;
    font-size: var(--font-5x);
    font-weight: bold;
}
.about-right-column p {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .about-container {
        margin-top: var(--space-6x);
        margin-left: var(--space-4x);
        margin-right: var(--space-4x);
    }
    .about-left-column {
        width: 100%;
    }
    
    .about-left-column img {
        width: 100%;
    }
    
    .about-right-column {
        width: 100%;
        margin-left: 0;
        font-weight: bold;
    }
    .about-text {
        font-size: calc(3.75 * var(--font-unit));
        line-height: 2;
    }
}