.card
  {
    width: 100%;
  }
   .card:hover:before{
  transform: rotate(0deg);
  box-shadow: 0 2px 20px rgba(0,0,0,0);
  }
   .card:hover:after{
  transform: rotate(0deg);
  box-shadow: 0 2px 20px rgba(0,0,0,0);
  }
   .card .details{
      position: absolute;
      left: 10px;
      right: 10px;
      bottom: 20px;
      height: 40px;
      text-align: center;
  }
   .card:hover .imgBx
  {
    bottom: 70px;
  }
  .card .details h2{
   text-transform: capitalize;
  } 
    .quotes .card .imgBx img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0%;
    height: auto;
    object-fit: cover;
}