@media (max-width: 900px) {
    .project-grid.project-grid-two {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(2, 420px);
        grid-auto-rows: 420px;
    }

    .project-grid.project-grid-two .project-card {
        width: 100%;
        min-width: 0;
        min-height: 420px;
        grid-row: auto;
    }
}

@media (max-width: 560px) {
    .project-grid.project-grid-two {
        grid-template-rows: repeat(2, minmax(440px, auto));
        grid-auto-rows: minmax(440px, auto);
        gap: 14px;
    }

    .project-grid.project-grid-two .project-card {
        min-height: 440px;
    }

    .project-grid.project-grid-two .project-overlay {
        left: 22px;
        right: 22px;
        bottom: 22px;
        gap: 0;
    }
}