/* ========================
   profile
   ======================== */
#markdown .profile {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

#markdown .profile-image {
    flex: 0 0 10rem;
    max-width: 15rem;
}

#markdown .profile-image img {
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

#markdown .profile-content {
    flex: 1;
}

@media (max-width: 768px) {
    #markdown .profile {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    #markdown .profile-content {
        text-align: center;
    }
}