section.block.Item_Image_Grid {
    width: 100%;
    max-width: unset;
    margin-left: 0;
    margin-right: 0;
}

.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
}

section.content.hasGrid {
    margin: auto;
    margin-top: -5em;
    padding: 3em;
    border-radius: 1em 1em 0 0;
    box-shadow: 0 -1em 1em #0007;
    background: #fff;
    max-width: 80%;
  min-width: 50%;
}

.grid>a {
    background-position: 50% 50%;
    background-size: cover;
}

.grid>a img {
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
}

.pane1 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.pane2 {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.pane3 {
    grid-column: 3 / span 1;
    grid-row: 1 / span 2;
}

.pane4 {
    grid-column: 4 / span 1;
    grid-row: 1 / span 1;
}

.pane5 {
    grid-column: 1 / span 2;
    grid-row: 2 / span 1;
}

.show6 .pane6 {
    grid-column: 4 / span 1;
    grid-row: 2 / span 1;
}

.show9 .pane6 {
    grid-column: 4 / span 1;
    grid-row: 2 / span 2;
}

.show8 .pane7 {
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
}

.show9 .pane7 {
    grid-column: 1 / span 2;
    grid-row: 3 / span 2;
}

.show8 .pane8 {
    grid-column: 3 / span 2;
    grid-row: 3 / span 1;
}

.show9 .pane8 {
    grid-column: 3 / span 1;
    grid-row: 3 / span 1;
}

.pane9 {
    grid-column: 3 / span 2;
    grid-row: 4 / span 1;
}