.container-img .box-img:nth-child(1) {
    grid-row-start: span 2;
    grid-column-start: span 1;
}

.container-img .box-img:nth-child(4) {
    grid-row-start: span 1;
    height: auto; /* Movido dentro de @media */
}

.container-img .box-img:nth-child(7) {
    grid-column-start: span 2;
    grid-row-start: span 1;
}

.container-img .box-img:nth-child(8) {
    grid-column-start: span 3;
    grid-row-start: span 1;
}

@media screen and (max-width: 500px) {
    .menu-overlay-header {
        padding: 10px 30px;
    }

    .container-img {
        width: 90%;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
    }

    .container-img .box-img img {
        grid-row-start: span 2;
    }

    .container-img .box-img:nth-child(4),
    .container-img .box-img:nth-child(7),
    .container-img .box-img:nth-child(8) {
        grid-column-start: span 2;
    }

    .container-img .box-img:nth-child(8) {
        grid-column-start: span 2;
        grid-row-start: span 1; /* Esto es redundante, pero lo dejé igual por si es necesario */
    }
}