IPhone : MySql image pulled incorrectly on Safari on Iphone

Morning all,

I have an issue where I am pulling a profile picture for a squad roster, which displays ok everywhere apart from on some iphones, where a different picture is being pulled in, any ideas?

Is it just that I haven't done any coding for mobile platforms, and it's trying to optimise for the Iphone?

Any help appreciated.

<style>
   .profile img{
                float: left; 
                margin-right: 10px;
                margin-top: 10px;
                      }    
   .profile h3 {
           display: inline-block;

              }
   .profile pos{    

       }
   .column-left{ float: left; width: 33%; }

</style>
<div class="profile">


[insert_php]
   $result = mysql_query("SELECT *,
                            CASE Position 
                              WHEN 'DF' THEN 'Defender'
                              WHEN 'MF' THEN 'Midfielder'
                              WHEN 'FD' THEN 'Forward'
                            END as PositionLong
                          FROM People 
                          WHERE
                             (Position='DF' or
                              Position='MF' or
                              Position='FD') and
                              Season = '2015'
                          ORDER BY Number");
   while($row = mysql_fetch_assoc($result)){
          echo '<div class="column-left"><img src="/wp-content/uploads/profile/'.$row['Id'].'.jpg" alt="" />',
               '<h3 class="widget-title">'.$row['FirstName'].' '.$row['Surname'].'</h3><br />',
              '<pos>'.$row['PositionLong'].' #'.$row['Number'].'</pos>,</div>';       
                                       }
[/insert_php]
</div>