ul.gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 1vmin;
  list-style-type: none;
  align-items: center;
}

ul li.gallery {
  height: 100%;
  /* flex-grow: 1; */
  margin: 1vmin;
  padding-bottom: 1vmin;
  text-align: center;
}

ul li.gallery:last-child {
  flex-grow: 10;
}


ul li img.gallery {
  width: auto;
  height: auto;
  max-width: 250px;
  max-height: 250px;
  object-fit: contain;
  vertical-align: bottom;
  border-radius: 2vmin;
  transition: transform 0.2s ease;
}
ul li img.gallery:hover {
  transform: scale(1.05);
}

.shoutbox-image {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 200px;
  object-fit: contain;
  vertical-align: bottom;
  border-radius: 2vmin;
  transition: transform 0.2s ease;
  padding-bottom: 1vmin;
}
.shoutbox-image:hover {
  transform: scale(1.05);
}

/* small version */

ul.gallery-small {
  display: flex;
  flex-wrap: wrap;
  margin: 0px !important;
  padding: 0px !important;
  list-style-type: none;
  align-items: center;
}

ul li.gallery-small {
  height: 100%;
  /* flex-grow: 1; */
  margin: 1px !important;
  padding: 2px !important;
  text-align: center;
}

ul li.gallery-small:last-child {
  flex-grow: 5;
}

ul li img.gallery-small {
  width: auto;
  height: auto;
  max-width: 180px;
  max-height: 180px;
  object-fit: contain;
  vertical-align: bottom;
  border-radius: 1vmin;
  transition: transform 0.2s ease;
}
ul li img.gallery-small:hover {
  transform: scale(1.05);
}

p.gallery {
	font-size: 0.9em;
	margin: 0 !important;
}

p.gallery-small {
	font-size: 0.7em;
	margin: 0 !important;
}