.snakeGrid {
  padding: 50px;
  max-width: 1000px;
  margin: auto;
}

.snakeRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: -10px;
}

.snakeBox {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: calc(50% - 20px);
  overflow: hidden;
}

.snakeRow:nth-of-type(odd) .snakeBox:nth-of-type(1) {
  border-top: 10px solid #000;
  border-left: 10px solid #000;
  border-bottom: 10px solid #000;
  border-radius: 100px 0px 0px 100px; 
}

.snakeRow .snakeText {
  margin: 20px;
  flex-direction: column;
}

.snakeRow:nth-of-type(even) .snakeBox:nth-of-type(2) {
  border-top: 10px solid #000;
  border-right: 10px solid #000;
  border-bottom: 10px solid #000;
  border-radius: 0px 100px 100px 0px; 
}


.snakeGrid img {
  max-height: 300px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}