.about-page {
    padding-top: 150px;
}

.about-intro {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .about-page {
        padding-top: 120px;
    }
}

.about-image {
    flex: 0 0 auto;
    max-width: 400px;
    width: 100%;
}

.about-text {
    flex: 1 1 auto;
}

@media (max-width: 768px) {
    .about-intro {
        flex-direction: column;
        align-items: center;
    }
    
    .about-image {
        margin-bottom: 30px;
    }
}