.mason_col img {
  width: 100%;
  padding: 10px 0;
}

.mason_col img.cover,.mason_row img.cover {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.mason-row ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

@media(min-width:749px) {
  .mason-row ul {
    flex-direction: row;
  }
}

.mason-row ul li {
  flex-grow: 1;
  margin: 10px;
}

.mason-row ul li img {
  width: 100%;
}

.bdr {
  border:  3px solid black;
}