As mention in the above… I am totally lost as to why this isn’t working. Could it be that I need to include some webkit extension css rule? maybe the image is just taking too long to load for the mobile browser?
FYI, your Codepen account grants you permission to use CrossBrowserTesting for free for your pens. If you click on the ‘Change View’ drop-down in Codepen, you’ll see the link. It allows you to test on a variety of “real” devices (Windows, Mac, etc desktops, various mobile phones and tablets). It’s not 100% accurate in my experience, but if you don’t have an iOS device, it’s better than nothing! YMMV.