/* Profile image column - balanced with body text */

.about-content {
    grid-template-columns: minmax(280px, 420px) 1fr;
    align-items: start;
}

.about-image img {
    max-width: 420px;
    width: 100%;
    border-radius: var(--border-radius-lg);
}

@media screen and (max-width: 768px) {
    .about-image img {
        max-width: 420px;
        margin: 0 auto;
    }
}