creating an alternating color decoration for wordpress page builder rows & columns

gistfile1.css

/* creating an alternating color decoration*/

/* first row after header*/
.panel-grid:nth-child(1n+1) .panel-grid-cell:nth-child(1n) .blocks-content{
  background-color: #E84036;
}

.panel-grid:nth-child(1n+1) .panel-grid-cell:nth-child(2n) .blocks-content{
  background-color: #FECB0D;
}

.panel-grid:nth-child(1n+1) .panel-grid-cell:nth-child(3n) .blocks-content{
  background-color: #0F7CC1;
}

/* second row after header*/
.panel-grid:nth-child(2n+1) .panel-grid-cell:nth-child(1n) .blocks-content{
  background-color: #0F7CC1;
}

.panel-grid:nth-child(2n+1) .panel-grid-cell:nth-child(2n) .blocks-content{
  background-color: #E84036;
}

.panel-grid:nth-child(2n+1) .panel-grid-cell:nth-child(3n) .blocks-content{
  background-color: #FECB0D;
}

/* third row after header*/
.panel-grid:nth-child(3n+1) .panel-grid-cell:nth-child(1n) .blocks-content{
  background-color: #FECB0D;
}

.panel-grid:nth-child(3n+1) .panel-grid-cell:nth-child(2n) .blocks-content{
  background-color: #0F7CC1;
}

.panel-grid:nth-child(3n+1) .panel-grid-cell:nth-child(3n) .blocks-content{
  background-color: #E84036;
}