.card {
    background: #fff;
    border-radius: 5px;
    width:80%;
  }
  
  .card-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    height:100%;
  }
  
  .card-1:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }
  .card a{
      top:50%;
      position:relative;
      transform:translateY(-50%);
      object-fit:contain;
  }
  .card a img{
      width:100%;
      object-fit: cover;
  }
  .card>a>img:hover{
      cursor:pointer;
  }
  .rowbox{
      margin-bottom:30px;
  }
  @media(max-width:575px){
  .card{
    width: 50%;
    margin-left: 25%;
  }
  .rowbox>div{
      margin-bottom:20px;
  }
  }