Better Design
The ThemeKit Graphic Design Cards shown above have a grid layout with two, three or four columns.
The images have alt text and a caption which shows at the bottom on page load. The info icon indicates that the visitor should interct with the item. It has controls for the icon color and its background color and opacity.
Overlay
The overlay is created using the <figcation> element which slides up on hover to reveal a text description with optional span and a link
The links can be configured globally to open internal or external pages.
Mobile Action
Om touch devices the overlay appears on tap and will disappear by tapping another item or anywhwere else on the device's screen using a "tap-to-go" plugin.