.news-images {
  display: flex;
  justify-content: center;
  gap: 12px;        /* 画像の間隔 */
  margin: 16px 0;
  flex-wrap: wrap;  /* 画面幅が狭いときは折り返し */
}

.news-images img {
  max-width: 300px;  /* 各画像の最大幅を固定 */
  width: 100%;       /* その枠内でリサイズ */
  height: auto;
  object-fit: cover;
}