title: What's wrong with css object-fit property
body: <p>I'm really ashamed for this question but I'm working around css "object-fit" and I know that it's a "partial support" property, but I can't make it function, not even in last firefox / chrome versions. I know maybe I'm doing a dumb mistake but I´m search for one day on Internet trying to find a solution but I can't... I try with all vendors... Reducing the markup to its minimal expression like in this example but nothing happens in any browser .</p>
  
  <p>Anyone have a idea what I'm doing wrong?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div {
    width: 200px;
    height: 200px;
    border:  2px solid red;
  }
      
  div img {
    object-fit: cover;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
      &lt;img src="https://upload.wikimedia.org/wikipedia/en/c/c4/Original_Image_before_ASTC_compression.jpg"&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>