When you click on the thumbnails or arrows you will notice the slide transitioning only after the layers fade out. This feature is optional and the slides can transition immediately, as it happens when you swipe the slides.

Another important feature to mention is that the layers in this example won't be scaled down automatically (which would also be possible). Instead, CSS media queries are used to hide certain layers on smaller screens. This produces a better user experience when the slider is viewed on a small screen. However, it's also possible to scale the layers automatically.

The thumbnails will also become smaller and hide a portion of the text on small screen. This is achieved using the Breakpoints feature.

Here are the examples of code that was used on each slide for the Theme 1 example shown above.