.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);
  }
  
  .container {
    padding: 2px 16px;
  }
  
  .grid-container {
      display: grid;
      grid-template-columns: 24% 24% 24% 24%;
      grid-gap: 10px;
      /* background-color: yellowgreen; */
      align-items: center;
      justify-items: center;
      padding-left: 2%;
      padding-bottom:2%;
  }
  
  .grid-container .card{
      background-color: rgba(255, 255, 255, 0.8);
      width: 98%;
      }
  
  a {
      text-decoration: none !important;
  }