JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><div id="login"><div>PŘIHLÁŠENÍ</div></div></a>
<a href="#"><div id="register"><div>REGISTRACE</div></div></a>

CSS

#login {
	background-image: url(http://checkitout.over.cz/login-off.png);
	right: 169px;
}

#register {
	background-image: url(http://checkitout.over.cz/register-off.png);
	right: 0px;
}

JavaScript

//LOGIN
	$("#login").mouseover(function() {
		$(this).css('background-image', 'url(http://checkitout.over.cz/login-on.png)');
	});
	
	$("#login").mouseout(function() {
		$(this).css('background-image', 'url(http://checkitout.over.cz/login-off.png)');
	});
	
	
	//REGISTER
	$("#register").mouseover(function() {
		$(this).css('background-image', 'url(http://checkitout.over.cz/register-on.png)');
	});
	
	$("#register").mouseout(function() {
		$(this).css('background-image', 'url(http://checkitout.over.cz/register-off.png)');
	});