.material-Column{
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px;
}
.material-Column > *{
    flex-grow: 1; 
    flex-basis: calc((max(100%, 600px) - 30px) / 2);
}
.material-Column__Item{
    padding-bottom: 10px;
}
.material-Column__Item.--no-padding{
    padding-bottom: 0px;
}
.material-Column__Item:last-child{
    padding-bottom: 0px;
}
.material-Column__Item > img{
    width: 100%;
}