.cards-hover__card{display:block;position:relative;height:186px;margin-bottom:30px}.cards-hover__card *{position:absolute;transition:.2s all ease-in-out}.cards-hover__card::before{content:"";display:block;width:100%;height:50%;background:linear-gradient(180deg,rgba(0,0,0,0.0001) 0%,rgba(0,0,0,0.355684) 34.9%,rgba(0,0,0,0.6) 100%);position:absolute;left:0;bottom:0;z-index:1}.cards-hover__card__bg{top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;z-index:0}.cards-hover__card__title{left:50%;top:75%;transform:translate(-50%,-50%);z-index:3;text-align:center;width:100%;padding:0 20%;line-height:1.2em}.cards-hover__card__title::after{content:"";display:block;width:30px;height:4px;margin:10px auto 0;opacity:0;background:currentColor;transition:.2s all ease-in-out}.cards-hover__card__accent{height:8px;width:100%;left:0;bottom:0;z-index:2}.cards-hover__card:hover .cards-hover__card__bg{filter:grayscale(100%) contrast(120%)}.cards-hover__card:hover .cards-hover__card__title{top:50%}.cards-hover__card:hover .cards-hover__card__title::after{opacity:1}.cards-hover__card:hover .cards-hover__card__accent{height:100%;opacity:.75}@media only screen and (max-width:666px){.cards-hover .col-6{margin-bottom:30px}}@media only screen and (min-width:768px){.cards-hover__card{height:317px}}