.employee-card{background-color:rgba(0,0,0,0);width:100%;margin:0 auto;padding:0;border:0;-webkit-box-shadow:none;box-shadow:none;position:relative;overflow:hidden}
.employee-card .card-image .image{margin:0 auto}
.employee-card .card-content{position:absolute;padding:0;border-radius:0;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(80%,rgba(74,88,96,0.6)));background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(74,88,96,0.6) 80%);top:0;width:100%;height:100%}
.employee-card .card-content .content{font-size:1.2rem;line-height:1.1;text-align:left;color:#fff;bottom:0;position:absolute;width:100%;padding:0 1rem;font-weight:400;overflow:hidden}
.employee-card .card-content .content .employee-name{font-size:1.4rem;margin-bottom:.2rem;font-weight:500}
.employee-card .card-content .content .employee-role{margin-bottom:.2rem}
.employee-card .card-content .content-hover{position:absolute;bottom:-100%;height:100%;width:100%;z-index:2;color:#fff;font-weight:500;font-size:1.2rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:7.5rem 1.5rem .5rem}
.employee-card .card-content .content-hover p{position:absolute;bottom:0;width:100%;left:0;padding:0 1rem}
.employee-card .card-content .content-hover p:before{content:"";width:100px;height:4px;background-color:#64c8bd;position:absolute;top:-40px}
.employee-card .card-content:hover .content-hover{bottom:0;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(rgba(74,88,96,0.5)),to(#4a5860));background:linear-gradient(180deg,rgba(74,88,96,0.5) 0,#4a5860 100%)}