width: 500px;
height: 500px;
background:
radial-gradient(circle at 50% 50%, rgba(126,213,111,1) 1%, rgba(126,213,111,0) 20%) 0px 0px / 50px 50px repeat repeat, /* 4 */
linear-gradient(135deg, rgba(126,213,111,0) 49%, rgba(126,213,111,1) 50%, rgba(126,213,111,1) 51%, rgba(126,213,111,0.02) 52%) 0px 0px / 50px 50px repeat repeat, /* 3 */
linear-gradient(45deg, rgba(126,213,111,0) 49%, rgba(126,213,111,1) 50%, rgba(126,213,111,1) 51%, rgba(126,213,111,0.02) 52%) 0px 0px / 50px 50px repeat repeat, /* 2 */
linear-gradient(0deg, rgba(40,180,133,1) 0%, rgba(40,180,133,1) 50%) 0px 0px / 500px 500px no-repeat no-repeat; /* 1 */