How to change the way images appear in phones

-- url of the page with the problem -- : georld.com
-- HikaShop version -- : 2.5.0

Hello,

Once a user clicks on a product he lands on the product and the first photo. He can hover (in a pc) with his mouse and the photo changes automatically (without opening).

When a user tries to see a different image of the product,he gets a poppup of that image which is tiny squeezed.

What I would like is,when the user clicks on the second picture,he will see the picture without it popping up,and then if he wants,he can click the photo and get full zoom by sliding his fingers over the picture.

Here is a picture of what a user gets now when he simply taps on the next image (through phone).

Edit: I've added some css so that the image is not ''squeezed'' when clicked,but still what you get instead of the capability of zooming in,just a tiny picture that fits in the phone's screen.