Lazy Load

You want to lazy load images to save resources

Suggestion

Using the background of AcroolSlideCard, if the [browser devMode: network cache is disabled], it will be loaded twice, because it is loaded through new Image and then provided to the background, in order to get the read status

<AcroolCarousel
    // ...ignore some
    isLazy
    renderLazyPreloader={() => <MyLoader/>}
/>

You can open DevMode / Network in your browser and try to see how it loads.