Images are deformed in ionic view on iOS

Hi,

I have developed a hybrid app using ionic 2. I have used cards and grid system. The thing is, when I upload it on ionic view and open it with an actual device, all my images are deformed in iPhones. I have checked it in 2 different iPhones. I checked it on an android device it was OK which I am not sure if that was by chance. How can I fix this issue? I am getting my images from a server and they are all 500x500

This is my code:

<ion-card *ngFor="let item of items">

        <img src="{{item .image}}"/>

        <ion-card-content>
          <h2 class="card-title">
            {{item .title}}
          </h2>
          <p>
            {{item .desc}}
          </p>
        </ion-card-content>
      </ion-card>

Any ideas?
All my images in grid and in card are deformed when testing the app in ionic view using iOS devices

Guys please someone help me with this. This is my code:

<ion-card *ngFor="let item of items">

        <img src="{{item .image}}"/>

        <ion-card-content>
          <h2 class="card-title">
            {{item .title}}
          </h2>
          <p>
            {{item .desc}}
          </p>
        </ion-card-content>
      </ion-card>