#gallery {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  @media (max-width: 835px) {
    grid-template-columns: repeat(2, 1fr);
  }
  align-items: center;
  grid-template-rows: masonry;
  gap: 10px;
  li{
    list-style: none;
    border: 1px solid var(--Text);
    height: fit-content;
    p{position:absolute;
    transform: translate(5%, -100%);}
  }
}
/*#gallery{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content:space-evenly;

  li{
    height: 20vh;
    list-style: none;
    border: 1px solid var(--Text);
    a > img {
      max-height: 100%;
      min-width: 100%;
      object-fit: cover;
      vertical-align: bottom;
    }
  }
}*/