Carousel (Slick Slider)

From https://kenwheeler.github.io/slick/

Singe mode

uses the .es-slider class that adds a 2rem transparent border on the left and right to compensate for the arrows.

Height is automatically handled by the how wide the space available is and how many items are shown at a time.

the dots are setup so that they do not wrap if they don't have enough space and extra dots are hidden. Just something to keep in mind.

Center mode, showing 1 slides, dots and no dots

Center mode, showing 3 slides

Center mode, showing 3 slides, with a zoom effect on active one

Fade mode

Only shows arrows when it switches to mobile and 1 image display