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

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

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

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

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

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

.container-img video {
    height: 100%;
    object-fit: cover;
}

@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(3),
    .container-img .box-img:nth-child(4),
    .container-img .box-img:nth-child(7),
    .container-img .box-img:nth-child(10) {
        grid-column-start: span 2;
    }

    .container-img .box-img:nth-child(4) {
        grid-row-start: span 2;
        height: 600px;
    }

    .container-img .box-img:nth-child(6),.container-img .box-img:nth-child(6) {
        grid-column-start: span 1;
        grid-row-start: span 1;
        height: 200px;
    }

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