title: object-fit has no resizing impact on image
body: <p>I need to make a img fill a div while still containing the img's proportions.</p>
  
  <p>My html looks like this: </p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;img src="#"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS looks like this:</p>
  
  <pre><code>.container{
      width: 200px;
      height: 200px;
      overflow: hidden;
  }
  
  .container img{
      object-fit: cover;
  }
  </code></pre>
  
  <p>I tried using object-fit: contain. However, this has NO effect... What am I doing wrong? Thanks!</p>