JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<div class="square">
		<div class="overlay"></div>
	</div>
</div>

CSS

.container{
		position: relative;
		overflow: hidden;
		width: 100px;
	}
	.square{
		width: 100px;
		height: 100px;
		background-color: #E30606;
	}
	.overlay {
	  width: 171px;
	  height: 72px;
	  background-color: #D0CBCB;
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: roate(225deg);
	}