@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(390px, auto));
        grid-auto-rows: minmax(390px, auto);
        gap: 14px;
    }

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

    .project-grid.project-grid-two .project-overlay {
        left: 20px;
        right: 18px;
        bottom: 20px;
        gap: 14px;
    }

    .project-grid.project-grid-two .project-overlay h3 {
        font-size: 30px;
    }

    .project-grid.project-grid-two .project-overlay p {
        max-width: 245px;
        font-size: 11px;
    }
}