Photos Sizes

I am experiencing an issue with images on my website when viewed on mobile devices. Here are the details:

1. Problem Description:
   • On desktop, all images display correctly, even when I use Chrome DevTools to simulate mobile devices.
   • On real mobile devices, when I tap on an image to zoom or open it in a lightbox, the image appears pixelated and low-resolution.
2. Observations:
   • I have uploaded high-resolution images (e.g., 1920px+ for hero/slider, 1200–1600px for gallery/portfolio).
   • The same images appear sharp on desktop and in the mobile simulator.
   • On mobile, the browser seems to load a different, smaller version of the image.
3. What I suspect:
   • WordPress or BeTheme is automatically serving downsized / responsive images (via srcset) for mobile devices to improve performance.
   • This downsizing causes the image to lose quality when zoomed in or displayed in a lightbox.
   • I am not using any retina plugin or custom PHP code, so the issue seems to be related to the theme’s handling of responsive images.
4. Impact:
   • Users on mobile devices see pixelated images when interacting with lightbox/zoom features.
   • The website does not display the intended high-resolution images on mobile.
5. Goal / Request:
   • I want all images to load in full resolution when zoomed or opened in lightbox on mobile devices, without compromising desktop display or site performance.
   • Guidance on which theme settings, sections, or elements I need to adjust to ensure the full-size image is served on mobile would be very helpful.

I can provide screenshots or links if needed. Please advise how to fix this issue.

I send you some examples for a random product from the eshop.

Thank you for your support!