#locker-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "controls front-view"
        "controls threeD-view";
    gap: 10px;
    padding: 10px;
}

#locker-container>div {
    border: 1px solid black;
}

.bay-row>div {
    border: 1px solid black;
    padding: 0px;
    margin: 5px;
    display: inline-block;
    position: relative;
}

.door-level {
    border: 1px solid blue;
}

.door-top {
    border: 1px solid green;
    margin: 4px;
    display: inline-block;
}