Centralize Flexbox Image on IE

Centralizes Flexbox images on IE

HTML

<div>
  <img src="http://placehold.it/350x150"/>
</div>

CSS

div {
    display: -ms-flexbox;
    display: flex;
  
    justify-content: center;
  
    align-items: center;
    border: 1px solid orange;
    width: 100px;
    height: 100px;
}

img{
  min-width: 10%;
  max-width: 100%;
  min-height: 10%;
  max-height: 100%;
}