Initial Zoom Issue when Image is Smaller than the viewport

[lacwebadmin]

When the image size is smaller than the viewport, the initial zoom will show the image like a shadow at the bottom. I don't how to describe it but here's the screen capture:

Here's where you can see it: https://codepen.io/frogydiak/pen/XWLKGXp

I intentionally made the last slide image smaller, the original size is w:2500 h:1666. I wonder what's causing it.

[dimsemenov]

I intentionally made the last slide image smaller, the original size is w:2500 h:1666

You changed it to 1440x810, which is a different aspect ratio compared to the original.

[lacwebadmin]

@dimsemenov In my website, I have photos that were sized 1440x810 as original and that this is still happening. Are you saying, that the data-pspw-height and width should be the original size of the photo?

[dimsemenov]

You need to provide correct image dimensions in the data-pswp-width and height attributes. Also, for zoom opening animation thumbnails aspect ratio must match the large image.

[lacwebadmin]

@dimsemenov Sorry, I'm new to PhotoSwipe but I cannot find any parameters that controls the zoom opening animation thumbnails aspect ratio. Can you point me to where do I set that please? I am just following the documentation and expect it to work but I guess not. Is it in CSS?