Rotate Image Gallery

The grid items can be spaced out using the control for adjusting the grid gap and the container padding. This allows room for the optional border and/or offset box shadow.
Layout
The number of items per row can be set for computer, tablet landscape and tablet portrait.
On mobile phones in portrait mode the rotation iand scale are removed and the items stack vertically and have a control to adjust their spacing.
Rotate
When the images are rotated their scale can be reduced to prevent overlap. On hover, the rotation is remove and the scale returns to a value of 1.
Images can be rotated in a positive or negative direction and the direction can be alternated by checking a box.
Captions
The captions overlay the bottom of the image and can appear on hover when the grid is viewed on computers.
Article
The optional article has a heading and text and can be inserted anywhere in the grid by giving it a column and row number.