title: Alternative option of object-fit:cover for internet explorer
body: <p>I'm looking an alternative method of the object-fit:cover for the internet explorer, because is not supporting it. Basically I'm using the object-fit:cover for not stretching images inside a div. I look on internet for some solutions but all that I found was solutions to load the image from css instead from img tag like they way I'm doing it. Does anyone has any alternative method of not stretching images inside a div on internet explorerCan anyone help me?</p>
  
  <p>here is a simple code</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="grid-image"&gt; 
    &lt;img itemprop="image" alt="TEST" src="images/15.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.grid-image {
      width: 100%;
      background-color: grey;
      position: relative;
      overflow: hidden;
      height: 100%;
  }
  
  grid-image img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      overflow: hidden;
  }
  </code></pre>