.imagerow {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 4px;
}

/* Create two equal columns that sits next to each other */
.imagecolumn {
  flex: 50%;
  padding: 4px 4px;
  
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    width: 80%;
    max-width: 250px;
}

.imagecolumn img {
  margin-top: 8px;
  margin-bottom: 8px;
  vertical-align: middle;
  width: auto;
    height: auto;
    display: block;
}



.portrait img{
    height: auto;
    width: 30px;
}

.landscape {
    height: auto;
    width: 500px;
}

.square {
    height: 75px;
    width: 75px;
}