/* hover image */

.hover-image {
    position: relative;
    overflow: hidden;
}

.hover-image img {
    width: 100%;
    display: block;
    transition: opacity 0.4s ease;
}

.hover-image.has-hover .img-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.hover-image.has-hover:hover .img-hover {
    opacity: 1;
}

.hover-image.has-hover:hover .img-default {
    opacity: 0;
}