Размер изображения изменяется при перезагрузке веб-страницы

Question

Привет, у меня очень странная проблема. Я построил угловое приложение, и в качестве части одного из компонентов отображается изображение

Это код

.html

<div flexLayout="row">
      <div fxFlex="50%">
        <img src="../../assets/building.png" class="building" usemap="#buildingMap">
      </div>
</div>

.css

.building {
    height: 510px;
}

Итак, проблема в том, что когда я открываю страницу впервые, высота изображения сохраняется, а ширина сжимается. И тогда, когда я перезагружаю, ширина страницы корректируется, чтобы занять div. Кто-нибудь знает, почему так происходит?