@media (width > 1000px) {

    body {
        margin: 2em;
    }

    .main {
        width: 90%;
        max-width: 1200px;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .main__card--daniel,
    .main__card--patrick {
        grid-column: span 2;
    }

    .main__card--kira {
        grid-row: 1 /span 2;
        grid-column: 4 /5;
    }


}