.image-grid {
    grid-area: I;
    display: grid;
    grid-template-columns: repeat(2, 0.5fr);
    grid-template-rows: auto auto auto;
    gap: 1rem;
    justify-self: start;

    & :first-child {
        grid-column-start: 2;
    }

    & :nth-child(even) {
        margin-top: -2rem; 
        background-color: bisque;
    }
}

.image-grid img {
    width: 176px;
    height: 176px;
    border-radius: 8px;
    background-color: aqua;
}

<div class="image-grid">
    <img src="images/1.jpg" alt="Digital Network 1">
    <img src="images/2.jpg" alt="Workstation 2">
    <img src="images/3.jpg" alt="Person in Digital Environment 3">
    <img src="images/4.jpg" alt="Circuit Pattern 4">
</div>