JSFiddle - React, Tailwind, and code Playground

HTML

<div class="imagewrap">
    <div class="image">
    </div>
    <div class="copy">
        here's my copy
    </div>
    
</div

CSS

.imagewrap {
    position: absolute;
}
.image {
    position: absolute;
   width: 100px;
   height: 100px;
    background: #123456;
        opacity:1;
}

.copy {
      width: 100px;
   height: 100px;
    position:absolute;
    top: 0;
    z-index: 1;
        background: #fff;
      opacity:0;
}

.copy:hover{
      opacity:0.3;
}