body,html{width:100%}table{margin:5% auto 0}.container{position:relative;width:50%}.image{opacity:1;display:block;width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.image,.middle{transition:.5s ease}.middle{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.container:hover .image{opacity:.3}.container:hover .middle{opacity:1}.text{background-color:#c0392b;margin-top:-59%}.text,.text2{color:#fff;font-size:28px;padding:16px 32px}.text2{background-color:#196f3d;margin-top:-50%}