.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.card img {
    background: white;
    height: 215px !important;
    overflow: hidden;
}

.container {
  padding: 2px 16px;
     min-height: 150px;

}

.grid-container {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  padding: 10px;
}

@media(max-width: 761px){
    .grid-container {
        grid-template-columns: 100%;
    }
}

.grid-item {
  padding: 20px;
  text-align: center;
}