Как исправить пробелы в строке начальной загрузки с адаптивным изображением в IE11?

Question

У меня есть img в столбце в строке (я использую React):

<div className="row">
  <div className="col-md-12 ">
    <img src={headerImage} className="img-fluid"/>
  </div>
</div>

При использовании этого кода в IE11 и когда я изменяю размер окна, размер изображения изменяется правильно.Тем не менее, исходная высота все еще там (высота изображения).Таким образом, я вижу, что размер изображения правильно изменен, но в строке, где находится изображение, есть пробел, поскольку он не будет регулироваться по высоте изображения.

Как это можно решить?