.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    column-gap: 15px;
  }

.card-columns > a {
  display: block
}


.w-100 {
    width: 100%!important;
}
.card-body {
    background-color: #ffffffd6;
    margin-top: -40px;
    height: 40px;
    position: relative;
}
@media (min-width: 776px) {
    .card-columns {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
      column-gap: 15px;
    }
}