.about {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    gap: var(--spacing-md);
    overflow:visible;
}

.about-heading {
    color: var(--color-secondary-dark);
}

.about-me {
    margin-top: var(--spacing-md);
}

.about-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

@media screen and (min-width: 880px) {

    .about {
        flex-direction: row;
    }

    .about>* { 
        width: 50%;
    }

}