.hover-effect{position:relative;display:inline-block}.hover-effect img{width:100%;height:auto;display:block}.hover-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:black;font-size:20px;font-weight:bold;opacity:0;transition:opacity 0.5s ease;z-index:2}.hover-effect:hover .hover-text{opacity:1}