.container{position:relative}.image{opacity:1;display:block;height:auto;backface-visibility:hidden}.image,.middle{width:100%;transition:.5s ease}.middle{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);padding:10px}.container:hover .image{opacity:.1}.container:hover .middle{opacity:1}.text{background-color:#04aa6d;color:#fff;font-size:16px;padding:16px 32px}