.description-one-item {
    background: none!important;
    z-index: 9;
    max-height: 96px;
    max-height: 6rem;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    transition: max-height 1s ease 0s;
}
.description-one-item .description-content h3.heading {
    min-height: unset!important;
    font-weight: 500!important;
    margin-bottom: 4px;
    margin-top: 4px;
}
.description-one-item .description-content p {
    color: #d8d8d8;
    font-size: .875rem;
    font-weight: 300;
    word-break: break-all;
}
.media-block-container .background-gradient {
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 8;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}
.media-block-container .background-text-opacity {
    display: block;
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 91;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}
.media-block-container:hover .description-one-item {
    max-height: calc(50% + 30px)!important;
}