Create an ADVANCED JavaScript Image Slider

Add cascading and scaling effects to a boring, basic image slider.

The general idea of what we’re going to do is this:

Create some images, represented by HTML DIVS for now, and display them stacked on top of each other.
We’ll then order the cards first to last.
Offset the cards so that some cards are overlapping one another.
Cascade the cards by fixing the z-axis.
Scale the cards to give a nice look to our slider.