.image-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* または space-around, space-between など */
}

.image-item {
  /* width は指定せず、min-width で最小幅を制御 */
  min-width: 30px; /* 画像の最小幅（必要に応じて調整） */
  margin-right: 5px; /* 横次の画像との余白  デフォルト 8 */*/
  margin-bottom: 10px; /* 次の画像行との余白 */
  text-align: center;
}

.image-item:last-child {
  margin-right: 0; /* 最後の要素の右側の margin をなくす */
}

.image-item img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.image-item span {
  display: block;
  margin-top: 5px;
}