.wrapper{position:relative}.image{position:relative;display:inline-block}img{transition:.5s ease-in-out all}.text{font-weight:600;font-size:1.25em;position:middle;top:-20;bottom:0;left:0;right:0;display:table;vertical-align:middle;opacity:0;margin:auto;width:100%}.text{text-align:center;transition:.5s ease-in-out all}.image:hover img{opacity:.3}.image:hover .text{opacity:1}