Carousel

You can carousel any content, this control works really well for HERO/HERO 2.0 objects. This example is 6 columns (half screen width), you can use this for any size.

A carousel will rotate to the next item every 3 seconds, when it gets to the last item it will start at the bottom again. User can use the left/right icons to force a change and the dots at the bottom of the carousel. On mobile and tablets, users can swipe these left and right.

Generally the hidden rule is that items in the carousel should be of the same size (height/width) or it creates a strange user experience.

Note: there are also some controls that carousel items for you. For example, if you had a document library with just images in it, you could use a Document Library List web component and use the Carousel option.