.masonry {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    // grid-template-rows: masonry;
    // align-tracks: start;
    // justify-tracks: start;
    column-gap: 10px;
    width: 80%;
    margin: 0 auto;
    margin-top: -100px;
    @media (max-width: 1200px) {
      grid-template-columns:  33% 33% 33%;
    }
    @media (max-width: 992px) {
      grid-template-columns: 50% 50%;
    }
    //@media (max-width: 768px) {columns: 1;}
    .grid {
      height: fit-content;
      display: inline-block;
      margin-bottom: 10px;
      position: relative;
      width: calc(100% - 20px);
      background-color: white;
      padding: 10px;
      box-shadow: 1px 1px 4px #00000029;
    }
  }
  .mt-auto {
    margin-top:auto;
  }