/*
table {display:flex;width:100%;}
table tbody tr {display:flex;}
table tbody tr td {display:block;position:relative;margin:.4em 0.5%;float:left;}
*/
table {
  display: flex;
  flex: 1 1 auto;
}
tbody {
  display: flex;
  width: 100%;
}
tr {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
td {
  flex: 1 1 auto;
  border: 0px solid red;
  padding:1em 0.5%;
}

td img {
  max-width: 90%;
  height: auto;
  margin: 0 auto;
}

table.cols_1 tbody tr td{width:99%;}
table.cols_2 tbody tr td{width:49%;}
table.cols_3 tbody tr td{width:32.333333%;}
table.cols_4 tbody tr td{width:24%;}

@media screen and (max-width:1023px){
  td {
    flex: 0 1 auto;
    width:49%;
  }
}

@media screen and (max-width:599px){
  td {
    zflex: 0 1 auto;
    width:99%;
  }
}