.coherence-image-accordion {
    display: flex
}

.coherence-accord-item {
    position: relative;
    flex: 1;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .4s
}

.coherence-accord-title {
    opacity: 0;
    transform: translateY(-50px)
}

.coherence-accord-desc {
    opacity: 0;
    transform: translateY(50px)
}

.coherence-accord-item .coherence-overlay {
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 1
}

.coherence-image-accordion.coherence-accord-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.coherence-accord-item.active,.coherence-accord-item.hover:hover {
    flex: 3
}

.coherence-accord-item.active .coherence-accord-desc,.coherence-accord-item.active .coherence-accord-title,.coherence-accord-item.hover:hover .coherence-accord-desc,.coherence-accord-item.hover:hover .coherence-accord-title {
    opacity: 1;
    transform: translate(0);
    transition: all .4s .3s
}
.coherence-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .4s
}

.coherence-bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.coherence-flex {
    display: flex
}