.m-imagegrid {
    padding-bottom: 50px;
    padding-top: 50px;
}
.m-imagegrid.startpage {
    padding: 0!important;
}
.m-imagegrid__large {
    background-position: 50% center;
    background-size: cover;
    border-bottom: 1px solid hsl(0, 0%, 100%);
    float: left;
    height: auto;
    width: 100%;
}
.m-imagegrid__large::after {
    content: "";
    display: block;
    padding-top: 100%;
}
@media (min-width: 768px) {
.m-imagegrid__large {
    border-bottom: medium none;
    border-right: 1px solid hsl(0, 0%, 100%);
    height: auto;
    width: 50%;
}
.m-imagegrid__large::after {
    content: "";
    display: block;
    padding-top: 100%;
}
}
.m-imagegrid__small {
    background-position: 50% center;
    background-size: cover;
    border-right: 1px solid hsl(0, 0%, 100%);
    border-top: 1px solid hsl(0, 0%, 100%);
    float: left;
    height: auto;
    width: 50%;
}
.m-imagegrid__small::after {
    content: "";
    display: block;
    padding-top: 100%;
}
.m-imagegrid__small:last-child {
    border-left: 1px solid hsl(0, 0%, 100%);
    border-right: medium none;
}
@media (min-width: 768px) {
.m-imagegrid__small {
    border-color: currentcolor currentcolor hsl(0, 0%, 100%) hsl(0, 0%, 100%);
    border-style: none none solid solid;
    border-width: medium medium 1px 1px;
    height: auto;
    width: 50%;
}
.m-imagegrid__small::after {
    content: "";
    display: block;
    padding-top: calc(50% - 1px);
}
.m-imagegrid__small:last-child {
    border-color: hsl(0, 0%, 100%) currentcolor currentcolor hsl(0, 0%, 100%);
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
}
}