ui-carousel | lightweight module for carousel in your AngularJS app | Carousel library

I'm working on a React project and I'm trying to use this library(https://www.npmjs.com/package/react-image-gallery)

from npm And from the Documentation, they say we must add these instructions to import the CSS

my component

I am using this carousel-library.
I want to show two cards in each slide in my carousel. My code-

Catalog.js

How can I configure my number of pages per carousel to have a limit of noOfPages? I'm not sure how to implement this in my functions below.

Hi i've found this https://github.com/Learus/react-material-ui-carousel to use it on my website. But i've encountered 2 problems:

1. In order to set the autoPlay state, i have to change it to class which leads to unable to use const classes = useStyles() so does anyone know what should i do?

2. I have 3 jpg photos saved in the img folder under the same directory and i have no idea why the photos cant be loaded in my localhost.

Here is my code:

I'm trying to get my build much smaller to get my load time faster, but when I run

ng build --prod --aot --vendor-chunk --common-chunk --build-optimizer and then run a lighthouse report from google dev tools

I get

what's odd is that it seems to have worked if I go into the dist folder to look at file sizes, which seem smaller that the lighthouse report.

So far to reduce the size by doing the following:

• Removed old/unused package.json entries
• changed all material imports to specific path like for paginator I'm importing now as import { MatPaginator } from "@angular/material/paginator"; instead of import { MatPaginator } from "@angular/material/"; per the advice from other posts.
• replaced moment with moment.min.js so that locales don't get added
• added brotli for text compression.

Also I want to mention because I don't know if it's relevant, but I don't have a webpack.config.js file only a custom-webpack.config.js for brotli. The only thing I edited in angular.json to get webpack working was this for brotli

I'm following this tutorial and I'm trying to get brotli working with angular projectI created a ```custom-webpack.config.js file and put in the root directory where angular.json is located. (also tried src folder, but that didn't work) As soon as I update the angular.json file to