css object-fit polyfill

objectfit.js

if ('objectFit' in document.documentElement.style === false) {
    var imgToFit = document.querySelectorAll('img.object-fit');

    for (var i = 0; i < imgToFit.length; i++) {
        var container = imgToFit[i].parentElement;
        var imgToFitUrl = imgToFit[i].src;

        if (imgToFitUrl) {
            container.classList.add('no-object-fit');
            container.style.backgroundImage = 'url(' + imgToFitUrl + ')';
        }
    }
}

objectfit.scss

.object-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.no-object-fit {
  background-size: cover;
  background-position: center center;

  .object-fit {
    opacity: 0;
  }
}