overflow-x：hidden;不工作（移动）

Question

overflow-x在桌面版中运行良好，但是当它在移动设备和平板电脑上运行时，它无效。

我知道这是因为图片，但我想在移动视图上以那种方式显示它们，但它会水平滚动以显示图像的其余部分。

如何强制hidden overflow-x？ （与!important无效） 我也试过宽度和高度100％！

https://jsfiddle.net/4wqx2f0k/

请在移动设备上查看网站：http://urbanphenomena.net.projects/urbanBeta