.image-caption-wrapper { opacity: 0; text-align: center !important; top: 0 !important; &:hover, &:focus { opacity: 1; } .image-caption { left: 50%; position: absolute; top: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); em { // Project Type Styles // } strong { // Project Title Styles // } a { // Project Link Styles // } } }