Edit in JSFiddle

.jarra {
	background-image: url(http://i.imgur.com/6bSpwql.png);
	background-repeat: no-repeat;	
	width: 180px;
	height: 180px;
	margin: 100px 0 0 200px;
	background-color: rgba(190,190,190,.3);
}

.jarra:hover {
	background-image: url(http://i.imgur.com/yXy3lCs.png);
	background-repeat: no-repeat;
}
	
 

	<div class="jarra">
		<a href="#"></a>
	</div>