problems w/ fit=contain for small images

[rrrpdx]

Hi,
I am trying to create a simple image viewer with FancyBox. I'd like the images to be displayed as large as possible, when displaying within the browser window, or being displayed fullscreen. i have tried setting the .fancybox__content size to either {width:100%, height:100%} or {width:100vw, height:100vh}, while having fit=contain. I want to show the entire original image with the correct aspect ratio. This appears to work fine if the image size is greater than the window size. However, when the image is smaller than the window size, it is not scaled up to fill the window.
Attached is a small html file that I am using to test. It should display two landscape and two portrait images. The first of each pair is small resolution, and the latter is large resolution. Ideally, both images in a pair would be displayed the same. Is there a way to do this?

test_fancy.txt

[fancyapps]

Hi,

So, you wish that images would fill all available screen while maintaining image aspect ratio? You could do the other way - set

Image : {
  fit: 'cover'
}

but then overwrite CSS:

.has-image[data-image-fit=cover]  .fancybox__image {
    object-fit: contain !important;
}

https://jsfiddle.net/gjf7d6rw/

[rrrpdx]

Perfect, thank you so much.