Ng-lazyload-image: Imagens não carregando na rolagem

Estou usando seu carregamento lento no ionic 3 para carregar imagens. Mas poucas imagens são apenas e as imagens restantes não carregam na rolagem. Não estou usando nenhuma referência ao conteúdo.
Meu código
Estou importando seu plugin como
LazyLoadImageModule.forRoot({ preset: intersectionObserverPreset })

Estou usando no meu aplicativo como
<div class="grid"> <ion-row class="row unlimited-items"> <ion-col col-6 class="col" *ngFor="let item of products "> <ion-card tappable (click)="getProduct(item.id)"> <img class="image" style="height:auto;width:100%;" [defaultImage]="loadingAnimation" [lazyLoad]="item.images[0].src"> <h5 *ngIf="item.name" class="card-name">{{item.name}} </h5> <p class="pricehtml" [innerHTML]="item.price_html"> </p> </ion-card> </ion-col> </ion-row> </div>
Anexei captura de tela. Esperando por sua resposta.