Photo on Right.

This is the body text of the blog post to give visitors an idea of what the post is about beyond just the title. It can be a long snippet, a short snippet, whatever you prefer the size of card and description to be.

Photo on Left.

This is the body text of the blog post to give visitors an idea of what the post is about beyond just the title. It can be a long snippet, a short snippet, whatever you prefer the size of card and description to be.

Background Photo + 80% Dark Overlay.

It’s easy to add a background image for the entire card, plus make text more legible by adding an overlay across the background with simple utility classes. These are all generated from the theme’s variables!

Background Photo + Gradient Overlay.

This blog card example shows a background image, but instead of an even wash across the entire background, it’s a gradient from right to left controlled by another simple utility class.