Snap
The first item is overlapped by giving the header a negative bottom margin.
The first item is overlapped by giving the header a negative bottom margin.
The grid layout allows the the text to overlap the image using column start and span.
Odd & even item layout can be switched by checking a box.
The image overlap is created using a negative top margin on all the <figure> elements apart from the first one.
This can be adjusted using the value set for grid-column gap.