JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div class="ritmydam_gezentrop">
	<img src="http://zornet.ru/Aben/ABGDA/zornet_ru/kersa/hjAhvFDeTwGMcDWLN8-rfQ.png" style="cursor:pointer" width="311" height="294" alt="ZorNet: Создание сайта на uCoz"/>
	<span class="tukanga"></span>
	<span class="rmaserin"></span>
	<span class="letan"></span>
	<span class="sberkugen"></span>
</div>

CSS

.ritmydam_gezentrop {
	float:left;
	position:relative;
	overflow:hidden;
}
.ritmydam_gezentrop img {
	display:block;
	float:left;
}
.ritmydam_gezentrop span.tukanga,
.ritmydam_gezentrop span.tukanga {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:984px;
	height:984px;
	background:transparent url(http://zornet.ru/Aben/ABGDA/zornet_ru/kersa/crt-screen.gif) top left repeat;
}
.ritmydam_gezentrop span.tukanga {
	background:transparent url(http://zornet.ru/Aben/ABGDA/zornet_ru/kersa/crt-snow.gif) top left repeat;
}
.ritmydam_gezentrop:hover span.tukanga {
	display:none;
}
.ritmydam_gezentrop span.letan {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:945px;
	height:58px;
	background:transparent url(http://zornet.ru/Aben/ABGDA/zornet_ru/kersa/crt-top.png) top left repeat-x;
}
.ritmydam_gezentrop span.sberkugen {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:873px;
	height:123px;
	background:transparent url(http://zornet.ru/Aben/ABGDA/zornet_ru/kersa/crt-bottom.png) bottom left repeat-x;
}