#blog .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}
#blog .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}
#blog .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)}
#blog .card:hover{box-shadow:0px 30px 18px -8px rgba(0,0,0,0.1);transform:scale(1.05,1.05)}
#blog .card__info{z-index:2;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:16px 24px 24px 24px}
#blog .card__category{text-transform:uppercase;font-size:13px;letter-spacing:1px;font-weight:500;color:#868686}
#blog .card__title{margin-top:5px;margin-bottom:10px}
#blog .card__title a{text-decoration:none;color:black}
#blog .card__by{font-size:0.8rem}
#blog .card__author{font-weight:600;text-decoration:none;color:#AD7D52}
#blog .card:hover .card__img--hover{height:100%;opacity:0.3}
#blog .card:hover .card__info{background-color:transparent;position:relative}
#blog .card:hover .card__info-hover{opacity:1}