Как сверстать блок на flexbox?

.container { 
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between; 
} 
 
.element { 
  position: relative; 
  height: 100px; 
  background: #d2ffd1; 
  flex: calc(25% - 32px); 
  padding: 0px 15px; 
  border: 1px solid #000; 
  line-height: 100px; 
  text-align: center; 
} 
 
.element:after { 
  position: absolute; 
  width: 50px; 
  height: 20px; 
  line-height: 20px; 
  top: 50%; 
  margin-top: -10px; 
  right: -30px; 
  margin-right: 5px; 
  background: #000; 
  content: ">"; 
  text-align: center; 
  color: #fff; 
  z-index: 99; 
} 
 
.element:last-child::after { 
  display: none; 
}

<div class="container"> 
  <div class="element"> 
    element 
  </div> 
  <div class="element"> 
    element 
  </div> 
  <div class="element"> 
    element 
  </div> 
  <div class="element"> 
    element 
  </div> 
</div>