.main-content {
    padding: 1rem;
}

.project-img {
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
}

.project-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
}

@media (min-width: 31.25rem) {
    .project:nth-child(even) .project-desc {
        order: -1;
        text-align: right;
        align-items: end;
    }
}

.project-desc > h1 {
    line-height: normal;
    font-weight: bold;
}

.project-desc > p {
    max-width: 31.25rem;
}