JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header-logo">
                <a href="#"><img src="http://www.bendaggers.com/wp-content/themes/Anakin%20Skywalker/Images/BenDaggers%20Logo.PNG" /></a>
            </div>

			<div class="xbdlogo">
                <img src="http://www.bendaggers.com/wp-content/themes/Anakin%20Skywalker/Images/Bendaggers%20Logo%20Two.PNG" />
			</div>

CSS

.header-logo, .xbdlogo {
    float:left;
}

.xbdlogo {
    top:30px;
    display:block;
    position:RELATIVE;
}

.xbdlogo:hover {
    top:40px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}