.project.portrait {
    display: flex;
    column-gap: clamp(1rem, 0.5rem + 2vw, 3rem);
}

@media(max-width: 55ch) {
    .project.portrait {
        flex-direction: column;
    }
}

.project.portrait img {
    max-width: 25ch;
    border-radius: 0.8rem;
    border: 2px solid var(--color-neutral-600);
}

h1 {
    margin-block-end: 2rem;
}

.container {
    max-width: 80ch;
}

.project.landscape img {
    max-width: 100%;
    object-fit: fill;
    /* max-width: 25ch; */
    border: 2px solid var(--color-neutral-600);
}