Страница, созданная во Flexbox, по-разному отображается в Chrome

Question

Изображения в миниатюре класса в Chromium показаны больше, чем в Firefox.Почему эта проблема?Похоже, что Flexbox не работает правильно в Chrome.Заранее спасибо!

.thumbnail {
  display: flex;
}

.thumbnail img {
  flex: 1;
}

.immagine {
  width: 100%;
  height: 50%;
}

<div class="immagine">
 <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
</div>
<div class="thumbnail">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
</div>