article {
    display: grid;
    grid-template-columns: 50vw 50vw;
    grid-template-rows: 50vh 50vh;
}

#left1 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

#left2 {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

#right1 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

#right2 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

#left1, #left2 {
    margin-top: 10px;
    margin-left: 5px;
}

#right1, #right2 {
    margin-top: 10px;
    margin-left: 320px;
}

section {
    border-radius: 50%;
    width: 220px;
    height: 220px;
}