JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<body class="b">
	<div class="b-line">
		<div><img class="main image move" src="http://regfoto.ru/photos/20140325139576042130791.png"/></div>
	</div>
</body>

CSS

.b {
	margin: 0;
	padding: 0;
	background: #e8e8e8;
}
.b-line {
	height: 550px;
	width: 550px;
	background: url(http://regfoto.ru/photos/20140325139576038150196.jpg) center no-repeat;
	margin: 0 auto;
}
.main {
	height: 50px;
	width: 200px;
	animation: huy 5s 999;
	-webkit-animation: huy 5s 999;
	-moz-animation: huy 5s 999;
}
@keyframes huy {	
	20%{margin:250px 0 0 0;}
	40%{margin:250px 0 0 350px;}
	60%{margin:500px 0 0 350px;}
	80%{margin:500px 0 0 0;}
	100%{margin: 0}
}
@-moz-keyframes huy {	
	20%{margin:250px 0 0 0;}
	40%{margin:250px 0 0 350px;}
	60%{margin:500px 0 0 350px;}
	80%{margin:500px 0 0 0;}
	100%{margin: 0}
}
@-webkit-keyframes huy {	
	20%{margin:250px 0 0 0;}
	40%{margin:250px 0 0 350px;}
	60%{margin:500px 0 0 350px;}
	80%{margin:500px 0 0 0;}
	100%{margin: 0}
}