Media Query images using <source> tag not working

[csantos1113]

As you know, there is a technique to render one image or another one with media queries from html.

<picture>
    <source media="(min-width: 768px)" srcset="image-large.png"/>
    <img class="imgs" src="small.png"/>
</picture>

but the result of using this polyfill window.objectFitImages( 'img.imgs', { watchMQ: true } ) is always giving me this inline style:

background-image: url("small.png");
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
background-origin: content-box;
background-size: cover;

How can I change the source dynamically?

[csantos1113]

related to #85

[fregante]

picture is not supported. Duplicate of #3