JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bio-1">
    fdsfsdfs
</div>

CSS

#bio-1 {
display: block;
width: 100px;
height: 100px;
color: #333;
background-color: #fff;
background-image: url(http://www.clker.com/cliparts/0/f/c/2/1195445181899094722molumen_phone_icon.svg.med.png);
background-position: bottom;
	-webkit-transition: background-position .3s ease 0s, color 0.3s ease 0s;
	-moz-transition: background-position .3s ease 0s, color 0.3s ease 0s;
	-ms-transition: background-position .3s ease 0s, color 0.3s ease 0s;
	-o-transition: background-position .3s ease 0s, color 0.3s ease 0s;
	transition: background-position .3s ease 0s, color 0.3s ease 0s;	
}
#bio-1:hover {
background-position: top;
color: #fff; }