Here is a Masonry grid of images with 3 columns:

```jsx
<Masonry columns="3" gap="4">
  <figure style={{margin: 0}}>
    <img
      src="https://picsum.photos/seed/brazil/300"
      alt="brazil"
      style={{display: 'block', width: '100%'}}
    />
  </figure>
  <figure style={{margin: 0}}>
    <img
      src="https://picsum.photos/seed/nigeria/800/700"
      alt="nigeria"
      style={{display: 'block', width: '100%'}}
    />
  </figure>
  <figure style={{margin: 0}}>
    <img
      src="https://picsum.photos/seed/mexico/400/600"
      alt="mexico"
      style={{display: 'block', width: '100%'}}
    />
  </figure>
  <figure style={{margin: 0}}>
    <img
      src="https://picsum.photos/seed/florida/500/600"
      alt="florida"
      style={{display: 'block', width: '100%'}}
    />
  </figure>
  <figure style={{margin: 0}}>
    <img
      src="https://picsum.photos/seed/peru/200/500"
      alt="peru"
      style={{display: 'block', width: '100%'}}
    />
  </figure>
  <figure style={{margin: 0}}>
    <img
      src="https://picsum.photos/seed/germany/400/800"
      alt="germany"
      style={{display: 'block', width: '100%'}}
    />
  </figure>
  <figure style={{margin: 0}}>
    <img
      src="https://picsum.photos/seed/tokyo/800/600"
      alt="tokyo"
      style={{display: 'block', width: '100%'}}
    />
  </figure>
</Masonry>
```
