Lightboxed images get distorted when double-tapping or pinch-zooming

Replies: 0

[ Moved to Fixing WordPress ]

I’m using Photoswipe Masonry Gallery plugin (WP), but when the images are double-tapped or pinch-zoomed, they get distorted.

Any idea what is causing this? It’s not a plugin issue, as it works perfectly when switched to Twenty Fifteen theme. FYI, I’m using <meta name="viewport" content="width=device-width">. Anything suspicious in the below CSS I’m using?

@media screen and (max-width: 700px) {
    /* basics */

    #content,
    #sidebar,
    .endbar_left,
    .endbar_right {
        float: none;
        width: 100%;
    }
    #content {
        margin-left: 0%;
        padding-left: 0%;
        padding-top: 20px;
    }
    html,
    body {
        width: auto !important;
        overflow-x: hidden !important;
    }
    img {
        border: none;
        max-width: 100%;
        height: auto;
    }
    #header {
        padding-bottom: 0 !important;
    }
}