.gif-loader {
    position: relative;
    display : inline-block;
    overflow: hidden;
}
.gif-loader img:hover {
    opacity: 0.5
}
.gif-loader:hover a {
    opacity: 1;
    top    : 0;
    z-index: 500;
}
.gif-loader:hover a span {
    color    : white;
    top      : 50%;
    position : absolute;
    left     : 0;
    right    : 0;
    transform: translateY(-50%);
    text-shadow: 2px 2px 8px #FF0000;
}
.gif-loader a {
    display   : block;
    position  : absolute;
    top       : -100%;
    opacity   : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    text-align: center;
    color     : inherit;
}