Image cards

How it works

Images align side by side. Each image has the ability to add description which is shown below relevant image. 

A hover state appears on desktop view, where a button appears to open the chosen image in a lightbox view, in addition to the dark overlay on the image.

For mobile and tablet views, the full screen button is always visible and no overlay appears.

Intended purpose

These are intended to be used for, but aren't restricted to, 'before and after' imagery. They're also able to disrupt the flow of content. They should never be used in a stacked format, where a gallery would be more appropriate.