Flexbox column cropping image (on iOS only)
<p><strong>1)</strong> I have been developing a site using flexbox CSS styling to control the site layout. I have been using the <a href="http://progressivered.com/fla" rel="nofollow noreferrer">FLA Framework</a> to write this site - same as <a href="http://facebook.design" rel="nofollow noreferrer">facebook.design</a>.</p>

<p>Firebug and Chrome Inspector show no issues with the layout of the code, however on mobile iOS Safari and Chrome, the images are cropping when the flexbox <code>order</code> is being used. (as far as I can tell).</p>

<p>Steps I have taken to resolve this are to add the <code>-webkit-order: x;</code> to the stylesheet however this has no effect.</p>

<p><a href="https://i.stack.imgur.com/m7Lt5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m7Lt5.png" alt="enter image description here"></a></p>

<p>The website can be seen here: <a href="http://business.point-reward.com" rel="nofollow noreferrer">LINK</a></p>