JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parallelogram">
  
  <p>  вапвыапаыпапавпы   вапвыапаыпапавпы  вапвыапаыпапавпы </p>
    <p>  вапвыапаыпапавпы   вапвыапаыпапавпы  вапвыапаыпапавпы </p>
      <p>  вапвыапаыпапавпы   вапвыапаыпапавпы  вапвыапаыпапавпы </p>
        <p>  вапвыапаыпапавпы   вапвыапаыпапавпы  вапвыапаыпапавпы </p>
</div>

CSS

#parallelogram {
	width: 300px;
	height: 200px;

	     transform: matrix(1, 0.2, 0, 1, 0, 0);

    background-size:cover;
    margin:50px;
    position:relative;
}