<div class="grid">
  <div class="box"><p>Привет</p></div>
  <div class="box"><p>Как дела ?</p></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>  
</div>

.grid {
  grid: auto / 1fr 1fr;
  display: grid;
  max-width: 930px;
  margin: 0 auto;
  grid-gap: 20px;
}
.box {
  align-items: center;
  display: grid;
  justify-content: center;
  background: black;
  height: 150px;
  font-size: 40px;
}

.grid .box:nth-child(odd) {
clip-path: polygon(25% 0%, 100% 0, 100% 36%, 100% 85%, 25% 100%, 0% 50%);
  background: yellow;
}
.grid .box:nth-child(even) {
clip-path: polygon(3% 0, 100% 31%, 73% 88%, 4% 96%);
  background: green;
}
.grid .box:nth-child(3n) {
clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 85%);
  background: red;
}
.grid .box:nth-child(6n) {
 clip-path: polygon(9% 15%, 84% 25%, 100% 83%, 0 100%);
  background: gold;
}