.my-image-item{margin:0;padding:10px}.my-image-item .hover-bg{overflow:hidden;position:relative}.my-image-item .hover-bg:before{display:block;content:'';position:absolute;top:6px;right:6px;bottom:6px;left:6px}.hover-bg .hover-text{position:absolute;text-align:center;margin-top:0%;padding-top:25%;color:#fff;background:rgba(0,0,0,.5);height:100%;width:100%;opacity:0;transition:all .5s}.hover-bg .hover-text>h4{opacity:0;color:#fff;transform:translateY(100%);transition:all .6s;font-size:17px;letter-spacing:.5px}.hover-bg:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0)}.hover-bg:hover .hover-text{opacity:.9}.hover-text .fa{font-size:3em}