.card {
      margin-bottom: 20px;
      break-inside: avoid;
    }
    
    .masonry-container {
      column-count: 2;
      column-gap: 20px;
      padding: 20px;
    }
    
    @media (min-width: 576px) {
      .masonry-container {
        column-count: 2;
      }
    }
    
    @media (min-width: 768px) {
      .masonry-container {
        column-count: 3;
      }
    }
    
    @media (min-width: 992px) {
      .masonry-container {
        column-count: 3;
      }
    }
    
    .card-img-top {
      width: 100%;
      border-top-left-radius: calc(0.25rem - 1px);
      border-top-right-radius: calc(0.25rem - 1px);
    }
    .card-body
    {
        padding:1rem!important;
    }
    }