How to do a slider like the Messenger app one?



I have some trouble to find how to implement a slider that is working the same way the messenger one does.

Here is a picture of the thing I am talking about :


I took a look at the Slider documentation but I only found fullsize image sliders which is not what I need.
I also need a carousel with the same round images except the middle one would be bigger like this :

but I am not sure it will be the same component so I will open another thread later if needed.

Can anyone give me any advice ? I’m not really a HTML/CSS/animation guy so I’m a bit confused here.