#item-box-grid 
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: dense;
    gap: .5vw .25vw;
}

.span-1
{
    grid-column: span 1;
}

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

.span-4
{
    grid-column: span 4;
}

.item-box
{
    position: relative;
    background: #fff;
    border-radius: 3px;
    margin: .25vw .5vw;
    height: 24vw;
    min-height: 20%;
    overflow: hidden;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15);
}