.gemi{height:200px;border:1px solid #ccc;position:relative;margin:8px;border-radius:4px;width:300px;float:left;display:block}.image{height:auto;backface-visibility:hidden;opacity:1;display:block}.image,.middle{transition:.5s ease;width:100%}.middle{height:100%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);position:absolute;opacity:0;top:50%;left:50%}.gemi:hover .image{opacity:.3;background:rgba(155,0,0,.5)}.gemi:hover .middle{opacity:1;background:rgba(155,0,0,.5)}.text{padding:40px 32px;font-size:16px;color:#fff}