.img-widget {
    position: relative;
}
.img-widget img {
    height: auto;
    width: 100%;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.img-widget .image-widget-hover-image.fade {
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;


}
.img-widget .image-widget-image {
    opacity: 1;
}
.img-widget:hover .image-widget-image.fade {
    opacity: 0;
}
.img-widget .image-widget-hover-image.fade {
    opacity: 0;
}
.img-widget:hover .image-widget-hover-image {
    opacity: 1;
}