.card__img{visibility:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100px;border-top-left-radius:12px;border-top-right-radius:12px}
.card__img--hover{transition:0.2s all ease-out;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;position:absolute;height:235px;border-top-left-radius:12px;border-top-right-radius:12px;top:0}
.card{transition:all 0.4s cubic-bezier(0.175,0.885,0,1);background-color:#fff;position:relative;border-radius:12px;overflow:hidden;box-shadow:0px 13px 10px -7px rgba(0,0,0,0.1)}
.card:hover{box-shadow:0px 30px 18px -8px rgba(0,0,0,0.1);transform:scale(1.1,1.1)}
.card__info{z-index:2;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:16px 24px 24px 24px}
.card__category{text-transform:uppercase;font-size:13px;letter-spacing:1px;font-weight:500;color:#868686}
.card__title{margin-top:5px;margin-bottom:10px;font-family:'Roboto Slab',serif}
.card__title a{text-decoration:none;color:black}
.card__by{font-size:12px;font-family:'Raleway',sans-serif;font-weight:500}
.card__author{font-weight:600;text-decoration:none;color:#AD7D52}
.card:hover .card__img--hover{height:100%;opacity:0.3}
.card:hover .card__info{background-color:transparent;position:relative}
.card:hover .card__info-hover{opacity:1}