Почему дополнительный div ломает верстку?

Question

Html код изображения с женщиной:

<div class="div5"><img src="css/img/storehouse/3.jpg" alt=""></div>

Css код изображения с женщиной:

* { 
  box-sizing: border-box; 
}
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.div5 {
  grid-area: t;
}

Здесь изображение с женщиной работает так как и другие:

Но стоит только добавить в html дополнительный div - оно перестает работать как другие изображения:

Изменённый html код:

<div class="div5">
  <div>
    <img src="css/img/storehouse/3.jpg" alt="">
  </div>
</div>