.details-m-img {
    height: 417px;
    width: 350px;
}

.details-m-img:hover .details-m-img-des {
    display: flex;
}

.details-m-img-des {
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}

.section-content .card:hover {
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 20%);
}

.section-content .card-img-top {
    height: 200px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.section-content .card-title {
    color: #000;
}

.section-content .card-text-intro {
    height: 55px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}