This example shows a slideshow with a 4-second interval and active Ken Burns effect. The content is displayed at the bottom right via overlay in Primary Style. The styling corresponds either to the UIkit standard or to that of your Yootheme Pro template. The width of the content block can be defined in the backend for different viewports. Here, a width of 50% is used for large desktops, 75% for desktops and 100% for smartphones. Try it out: enlarge/reduce the window to see the difference.

The height of a slideshow is not limited or defined by the images. In the module settings, you can select an aspect ratio and define the minimum height for the slideshow. The default values are 16:9 and 300px, which means that the slideshow will be displayed in a 16:9 ratio until the minimum height is reached.