<img (load)="someFunction()" would not work on iphones />

I’ve this code in my angular utility.

<div
          class="promotion-item-img-wrapper__fm"
          [ngClass]=" !promotionService?.particulars?.Loaded">
          <img
            [ngClass]=" !promotionService?.particulars?.Loaded"
            class="promotion-item_image__fm"
            peak="100%"
            width="100%"
            [cdnFromEnvironment]="true"
            [formatImgSrc]="((configService.isMobile$ | async) ?
                                        promotionService?.particulars?.MobileImage :
                                        promotionService.particulars?.DesktopImage) || ''"
            [alt]="promotionService?.particulars?.Title || ''"
            (load)="handleSuccessLoad(promotionService?.particulars)"
          />
        </div>

and the perform that works with (load).

public handleSuccessLoad(promotionItem: IPromotionDetails | undefined): void {
    console.log('promotionItem---1,', promotionItem);
    if (promotionItem) {
      setTimeout(() => {
        promotionItem.Loaded = true;
        console.log('promotionItem---2,', promotionItem);
      }, 1000)
    }
  }

this animation image-loader__fm working high quality on browsers/desktops or on android. however with Iphones I face issu, it displaying animation infinite and never displaying img even when information is prepared.

What am i able to do for Iphones?