Lightbox wrong visual display on responsive design

Question

I have a site with an image lightbox gallery. Here's the url: https://blog.jazierkasimcak.sk/?galleries=filtracia-rozhanovce

When I open this site on mobile device (tablet etc.) after clicking the image, a modal goes wrong. The image exceeds the device's display and it looks terrible. I searched there's something wrong in CSS, but I found nothing in last three hours. The width of image is more than 1000px, but the display width is only 320px. I really don't know why.

There are some widths and heights, probably calculated by javascript, but they are calculated wrong. The site is powered by WordPress and template UPLIFT with swift builder tool.

If anyone could help me, I would be thankful

Answer 1

after 4 hours I found an error. There was width of footer set to 1170px !important, so lightbox thought, that it has a place to display very big image. That was coded by another coder, not by me.