.imageGrid {
    --gap: 8px;
    --num-cols: 4;
    --row-height: 400px;

    box-sizing: border-box;
    padding: var(--gap);

    display: grid;
    grid-template-columns: repeat(var(--num-cols), 1fr);
    grid-auto-rows: var(--row-height);
    gap: var(--gap)
}

.imageGrid > div {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imagespan2 {
    grid-column: span 2;
    grid-row: span 2;
}

.gridImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}