Inline CSS is stretching images

Hi, in our company we have been using your library and it is working perfectly.

However, we noticed that the inline CSS is stretching the images.

We wrote the css that you need to add in order to avoid this problem.

So, instead of using this

position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

You need to add this

    position: absolute;
    left: -10000%;
    right: -10000%;
    top: -10000%;
    bottom: -10000%;
    margin: auto auto;
    min-width: 1000%;
    min-height: 1000%;
    object-fit:cover;
    -webkit-transform: scale(.1);
    transform: scale(.1);

Then, the image looks better.

You can see a live version of the technique here: Mipon

In case that you prefer keep using the same CSS, is it possible that we can add our own css to the img?

You can check this library as a reference: https://github.com/reactjs/react-tabs/issues/148

The logic is the same, but the library allows to customize the CSS using StyledComponents.

Thanks! have a great weekend.

[oquirozm]

@bluebill1049 sure, will do in a bit

[bluebill1049]

sure @oquirozm u want to submit a PR to update readme?