Duotone

New Tiles with Block Grid WP 6.6 and Cover

Overlay

Ready ?

TIPS: Use it as is, or add to theme.json the Gap you need:

"styles": {
  "spacing": {			      
    "blockGap": "10px"
  }
}

if so, delete Block Spacing in editor on the block Grid.

Block Editor Handbook Patterns

Another way to build this previous pattern : “Portfolio with Blocks Columns and Cover

Lorem ipsum …