https://jsfiddle.net/#save

HTML

<div class="left_corpo">
        <div class="restaurantes">
          <img src="http://7chtmcc5ic2o9s221q93j0uu.wpengine.netdna-cdn.com/wp-content/themes/dc-accurate-append-wp/img/guarantee-icon.png">
        </div>
        <div class="restaurantes_hover">
          <img src="http://image005.flaticon.com/teams/1-freepik.jpg">
        </div>
</div>

CSS

.left_corpo .restaurantes{
            position: absolute;
            height: 30%;
            opacity: 1;
            z-index:1;
            width: 17%;
            margin-left: 15%;
            margin-top: 12%;
            cursor: pointer;
    }
    .left_corpo .restaurantes_hover{
            position: absolute;
            height: 30%;
            width: 17%;
            margin-left: 15%;
            padding-top: 12%;
            cursor: pointer;
    }
    .restaurantes:hover {
            opacity:0;
    }