JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div class="zornet_ru_nidesam">
	<img src="http://zornet.ru/Aben/ABGDA/zornet_ru/skachat_igrovye_na_rabochiy_stol_1-xkp86.jpg"width="386" height="352" alt="Video Image!" />
	<span class="vertam"></span>
	<span class="kersam"></span>
	<span class="bottom"></span>
</div>

CSS

.zornet_ru_nidesam {
	float:left;
	position:relative;
	overflow:hidden;
}
.zornet_ru_nidesam img {
	display:block;
	float:left;
}
.zornet_ru_nidesam span.vertam {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	height:1000px;
	background:transparent url(http://zornet.ru/Aben/ABGDA/zornet_ru/crt-screen.gif) top left repeat;
}
.zornet_ru_nidesam span.kersam {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	height:70px;
	background:transparent url(http://zornet.ru/Aben/ABGDA/zornet_ru/crt-top.png) top left repeat-x;
}
.zornet_ru_nidesam span.bottom {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:1000px;
	height:110px;
	background:transparent url(http://zornet.ru/Aben/ABGDA/zornet_ru/crt-bottom.png) bottom left repeat-x;
}