JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-8"> 
<div class="elemento-um"> 
<!-- LightWidget WIDGET -->
</div></div>

<div class="ico">
<a href='https://www.google.com.br' target="_blank"><img src="https://fakeimg.pl/300/"></a>
</div>

CSS

.elemento-um {
    background: rgba(0, 0, 0, 0);
     margin-top: -127px;
     height: 107px;
     overflow: hidden; 
} 

.ico {
     opacity: 1;
     top: -140px;
     transition: .5s ease;
     z-index: 111;
     position: absolute; 
}

.ico:hover a {  
opacity:0;
}