title: Object-fit: cover; alternative?
body: <p>I have an image on my page that I want to keep the ratio of but resize according to screen size. I would like it so that the smaller of the width and height is made to fit the element exactly, and the larger dimension overflows the element. </p>
  
  <p>I found the </p>
  
  <pre><code>object-fit: cover; 
  </code></pre>
  
  <p>style which would suit my needs but very quickly found out that support for this is extremely limited (pretty much opera only). Is there anything else I can use to achieve this?</p>
  
  <p>Many thanks in advance :)</p>