.masonry{
  max-width: 1280px;
  margin: auto;
  columns: 4 280px;
  column-gap: 2rem;

}
.masonryitem {
 background: rgba(230, 231, 232, 0.9);
  margin: 0 0 2rem;
 padding: 0 0 2rem 0;
  display: inline-block; /* stops block being split across columns. Could use break-inside: avoid for modern browsers; */
  width: 100%;
  break-inside: avoid;
  text-align: center;

}
.box:nth-child(odd) {
  background: blue;
}