JSFiddle - React, Tailwind, and code Playground

HTML

<title>Untitled 1</title>


<body>
<div class="gornji"></div>
<div class="srednji">
<div class="midlle">

<div class="image"></div>

</div>
<div class="bottom"></div>

   </div>

<div class="donji"></div>
</body>

</html>

CSS

.gornji{
  background:url('http://i61.tinypic.com/ivybzk.png')no-repeat;
	height:30px;
	width:auto;
	}
.srednji{
	background: url('http://i60.tinypic.com/kexh81.png') repeat-x;
    height:300px;
    width:792px;
}
.donji{
	background: url('http://i60.tinypic.com/xqaxow.png') no-repeat;
    height:50px;
	width:auto;
	left:-13px;
	
}
.midlle{
	background: url('http://i57.tinypic.com/2vagtq0.png') repeat-x;
    height:300px;
    width:792px;
    position:relative;
    

}
.bottom{
	background: url('http://i58.tinypic.com/32zqkxx.png')no-repeat;
    height:30px;
    width:792px;
    position:relative;
   

}
.image{
	background:url('http://i60.tinypic.com/2uxvkmo.png')no-repeat;
	width:auto;
	height:331px;
	position:relative;
	
	margin:0 0 0 15px;
	
	
	
}