JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mod_article" style="background:blue;">
		<div class="block">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
	</div>
	<div class="mod_article" style="background:red;">
		<div class="block">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
	</div>
	<div class="mod_article" style="background:green;">
		<div class="block">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
	</div>

CSS

body {
			background:blue;
		}
		.mod_article {
			margin:0 -500px;
			transform: rotate(-2deg);
			padding:100px 500px;
			overflow:hidden;
		}
		.block {
			margin:0 auto;
			max-width:960px;
			color:#FFF;
			transform: rotate(2deg);
		}