.face{
    margin-bottom: 20px;
    text-align: center;
    border: 5px solid #a5a5a5;
    position: relative;
    width: 160px;
    height: 249px;
}

.face .thumb{
    opacity: 0.9;
      
   
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.face .thumb img{
 max-width: 100%;
  width: 160px;
height: 200px;
  
}
.face .footer{
    color: #fff !important;
    position: absolute;
    background-color: rgba(64, 143, 42, 0.62);
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    bottom: 0;
    font-weight: bold;

    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.face:hover .thumb{
    opacity: 1;
}

.face:hover .footer{
    background-color: rgba(0, 0, 0, 0.8);
}
.face .elim-x{
    position: absolute;
    width: 100%;
    top: 76px;
    margin-left: -20px
}