.card-thumbnail {
    position: relative;
    width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: rgb(216, 223, 233);
    background: -moz-linear-gradient(180deg, #d8dfe9 0%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-linear-gradient(180deg, #d8dfe9 0%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d8dfe9), color-stop(80%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #d8dfe9 0%, rgba(255, 255, 255, 0) 80%);
    background: -moz-linear-gradient(top, #d8dfe9 0%, rgba(255, 255, 255, 0) 80%);
    background: -o-linear-gradient(top, #d8dfe9 0%, rgba(255, 255, 255, 0) 80%);
    background: linear-gradient(180deg, #d8dfe9 0%, rgba(255, 255, 255, 0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8dfe9",endColorstr="#ffffff",GradientType=1);
    padding: 5px 5px 5px 5px;
}
.card-thumbnail:hover  {
    background: rgb(216, 223, 233);
    background: -moz-linear-gradient(180deg, #bc8971 0%, #b1b8c241 80%);
    background: -webkit-linear-gradient(180deg, #bc8971 0%, #b1b8c241 80%);
    background: -webkit-gradient(linear, left top, left bottom, from(#bc8971), color-stop(80%, #b1b8c241));
    background: -webkit-linear-gradient(top, #bc8971 0%, #b1b8c241 80%);
    background: -moz-linear-gradient(top, #bc8971 0%, #b1b8c241 80%);
    background: -o-linear-gradient(top, #bc8971 0%, #b1b8c241 80%);
    background: linear-gradient(180deg, #bc8971 0%, #b1b8c241 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8dfe9",endColorstr="#ffffff",GradientType=1);
}