JSFiddle - React, Tailwind, and code Playground

by AngReload

HTML

<div></div>

CSS

div {
  height: 556px;
  background: #75af26;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' baseProfile='full' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,0 100,0 100,12.5' fill='white' /%3E%3Cpolygon points='0,100 100,100 0,87.5' fill='%23f4f4f4' /%3E%3C/svg%3E");
  background-size: 100% 100%;
}