.demi--poster-photo {
    height: 300px;
    object-fit: cover;
    transition: transform .5s ease;
}

.demi--poster-photo-overview {
    top: 0;
    background: #ee6e7380;
}

.demi--poster-name {
    line-height: 1em;
    color: #fff;
    font-family: RobotoBold;
    font-weight: bold;
    font-size: 40px;
}

.demi--poster-wrap {
    overflow: hidden;
}

.demi--poster-more {
    left: 50%;
    bottom: 15%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 99999;
    transform: translate(-50%, 0);
}

.demi--poster-photo-overview:hover .demi--poster-more {
    opacity: 0.9;
}

.demi--poster-wrap:hover .demi--poster-photo {
    transform: scale(1.5);
}

.demi--poster-time {
    color: #fff;
    font-family: RobotoBold;
    font-weight: bold;
    font-size: 20px;
}