div.gallery:hover{
    border: 1px solid #777;
  }
  .card {
    border: none;
    width: 100%;
  }
  .card-img-top {
    /* height: 400px; */
    object-fit: cover;
    }
    .card-body{
    box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
    }
 * {
    box-sizing: border-box;
 }
 .responsive {
    padding: 0 6px;
    float: left;
    width: 25%;
 }
 @media only screen  and (max-width:600px) {
    .responsive {
        width:25%;
        margin:6px 0; 
    }
 }
 .clearfix::after{
    content: "";
    display: table;
    clear: both;
 }