#about {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.title {
    margin-block: 5rem 2rem;
}

.timeline ::deep .timestamp:last-of-type {
    --show-bar: none;
}

.timeline {
    display: flex;
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    #about {
        grid-template-columns: unset;
        grid-template-rows: repeat(2, max-content);
    }

    .timeline {
        flex-direction: column-reverse;
    }

    .timeline ::deep .timestamp:last-of-type {
        --show-bar: block;
    }

    .timeline ::deep .timestamp:first-of-type {
        --show-bar: none;
    }
}