Tengo varias columnas que estoy dando igual ancho usando flex. Cada uno contieneimg etiquetas, y me gustaría que esas imágenes exhiban elobject-fit: cover dimensionamiento.

.container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.test {
  flex: 1;
  margin-right: 1rem;
  overflow: hidden;
  height: 400px;
}
img {
  object-fit: cover;
}

<div class="container">
  <div class="test"><img src="http://placehold.it/1920x1080"></div>
  <div class="test"><img src="http://placehold.it/1920x1080"></div>
  <div class="test"><img src="http://placehold.it/1920x1080"></div>
  <div class="test"><img src="http://placehold.it/1920x1080"></div>
</div>

Las imágenes no cambian de tamaño, como se puede ver enesta demo. ¿Porqué es eso?