.custom-imghover-box .inner-img-box {
    align-items: center;
    display: flex;
    flex: 1 1 30%;
    justify-items: center;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.custom-imghover-box .default-img {
    flex: 1;
    margin-bottom: 0 !important;
}
  
.custom-imghover-box .overlay-img {
    position: absolute;
    height: 100%;
    width: 100%;

    transform: translate3d(-100%, 0, 0);
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.custom-imghover-box .default-img img,
.custom-imghover-box .overlay-img img{
	margin: 0 !important;
	vertical-align: top !important;
	width: 100% !important;
}
  
  
/* Mouse enter event */
.custom-imghover-box.mouseenter.top .overlay-img {
    animation-name: slide--enter-top;
}
.custom-imghover-box.mouseenter.right .overlay-img {
    animation-name: slide--enter-right;
}
.custom-imghover-box.mouseenter.bottom .overlay-img {
    animation-name: slide--enter-bottom;
}
.custom-imghover-box.mouseenter.left .overlay-img {
    animation-name: slide--enter-left;
}

/* Mouse leave event */
.custom-imghover-box.mouseleave.top .overlay-img {
    animation-name: slide--leave-top;
}
.custom-imghover-box.mouseleave.right .overlay-img {
    animation-name: slide--leave-right;
}
.custom-imghover-box.mouseleave.bottom .overlay-img {
    animation-name: slide--leave-bottom;
}
.custom-imghover-box.mouseleave.left .overlay-img {
    animation-name: slide--leave-left;
}

/* Sliding animations ! */
@keyframes slide--enter-top {
    0% { transform: translate3d(0, -100%, 0); }
    100% { transform: none; }
}

@keyframes slide--enter-right {
    0% { transform: translate3d(100%, 0, 0); }
    100% { transform: none; }
}

@keyframes slide--enter-bottom {
    0% { transform: translate3d(0, 100%, 0); }
    100% { transform: none; }
}

@keyframes slide--enter-left {
    0% { transform: translate3d(-100%, 0, 0); }
    100% { transform: none; }
}

@keyframes slide--leave-top {
    0% { transform: none; }
    100% { transform: translate3d(0, -100%, 0); }
}

@keyframes slide--leave-right {
    0% { transform: none; }
    100% { transform: translate3d(100%, 0, 0); }
}

@keyframes slide--leave-bottom {
    0% { transform: none; }
    100% { transform: translate3d(0, 100%, 0); }
}

@keyframes slide--leave-left {
    0% { transform: none; }
    100% { transform: translate3d(-100%, 0, 0); }
}