.hover-image-overlay{position:relative;display:inline-block;overflow:hidden}.hover-image-overlay img{display:block;width:100%;height:auto;transition:0.3s ease}.hover-image-overlay::after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.3s ease}.hover-image-overlay:hover::after{opacity:1}.overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;padding:12px 20px;text-align:center;opacity:0;transition:opacity 0.3s ease;z-index:2;pointer-events:none}.hover-image-overlay:hover .overlay-text{opacity:1}