.item {
  max-height: 200px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}

.image {
  display: block;
  width: 100%;
  max-height: 200px;
  object-fit: contain;
  object-position: center;
}

.img-1 .image {
  width: auto;
  max-width: 100%;
}

.item:nth-child(3n) {
  margin-right: 0;
}

.img-2 .item:nth-child(2n),
.img-4 .item:nth-child(2n) {
  margin-right: 0;
}

.img-4 .item:nth-child(3n) {
  margin-right: 8px;
}