.image-container {
  display: grid;
  /* 横に3枚、同じ幅(1:1:1)で並べる */
  grid-template-columns: repeat(3, 1fr);
  gap: 1px; /* 画像の間の余白 */
  width: 100%; /* コンテナ全体の幅 */
}

.image-container img {
  width: 100%;        /* 親要素（グリッドセル）の幅に合わせる */
  aspect-ratio: 1 / 1; /* 幅に基づいて高さを決定し、正方形にする */
  object-fit: cover;   /* 横長画像の両端をカットして中央を表示する */
  display: block;
}