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