.iframe-inner {
    position: relative;
    transition: opacity .3s ease;
}
.iframe-inner:hover {
    opacity: .7;
}
/* .iframe-inner:hover .iframe-box {
    opacity: 1;
}
.iframe-inner:hover .gif {
    opacity: 0;
} */

.gif {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.iframe-box {
    opacity: 0;
}