How to use ng-lazyload-image - 2 common examples

{
        path: '',
        redirectTo: '/fade-in-image',
        pathMatch: 'full'
      },
      { path: 'change-image', component: ChangeImageComponent },
      { path: 'fade-in-image', component: FadeInImageComponent },
      { path: 'bg-image', component: BgImageComponent },
      { path: 'default-image', component: DefaultImageComponent },
      { path: 'pixelated-image', component: PixelatedImageComponent },
      { path: 'scroll-container', component: ScrollContainerComponent },
      { path: 'on-load', component: OnLoadComponent },
      { path: 'responsive-image', component: ResponsiveImageComponent },
      { path: 'big-images', component: BigImagesComponent }
    ]),
    LazyLoadImageModule.forRoot(intersectionObserverPreset)
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

CreateLobbyComponent,
    GameDescriptionComponent,
    UserPopupComponent,
    LobbyFormComponent,
    EditLobbyComponent,
    PageLoaderComponent,
    AchievementsComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    PickerModule,
    EmojifyModule,
    LazyLoadImageModule.forRoot({
      preset: intersectionObserverPreset,
    }),
    SuiModule,
  ],
  providers: [ApiService, SettingsService, DatePipe],
  bootstrap: [AppComponent],
})
export class AppModule {}