main {
    display: grid;
    gap: calc(var(--large-padding) * 2);
    grid-template-columns: 1fr 30rem;
    grid-template-rows: 1fr;
    text-align: justify;
}

img {
    border-radius: 50%;
    width: 100%;
}

@media (max-width: 780px) {
    main {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .me {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 20rem;
        grid-row: 1;
        justify-items: center;
    }

    img {
        height: 100%;
        width: unset;
    }
}
