JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bgimg">
    <a href="#">
      <img src="http://livelyn.net/uploads/posts/2012-07/1342439170_00.jpg">
    </a>   
    <a href="#">
      <img src="http://livelyn.net/templates/lwall/dleimages/plus_fav.gif" class="favorit">
    </a>
</div>

CSS

.bgimg {
    width: 169px;
    height: 132px;
    border: 1px solid red;
    position: relative;
}

.bgimg .favorit {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}

.bgimg:hover {
    border: 1px solid green;
}

.bgimg:hover a .favorit {
    display: block;
}