JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">

<div class="material">
<h2>Minecraft - как создавалось целое поколение.</h2>
<img class="img-material" src="img/scren.jpg">



</div>
    </div>

CSS

html { background-color:#1d2c35; }
.content {
	height:925px;
	width:930px;
	background:#FFF;
	margin:0 auto;
	margin-top:140px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.material {
	display:inline-block;
	height:auto;
	width:720px;
	float:left;
	padding: 32px 20px;
}
.img-material {
	height:165px;
	width:230px;
	-webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}
.material h2{
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13pt;
	color:#393e40;
}