.gallery {
    display: flex;
    gap: .25rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

  }
  
  .gallery .pics {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
  }
  
  .gallery .animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .gallery .animation img {
    max-width: 300px;
  }
/*
  button {
    color: var(--colorLetra) !important;
  }
  */
  @media (max-width: 450px) {
    .btn.filter {
      padding-left: 1.1rem;
      padding-right: 1.1rem;
    }
    .gallery .animation img {
      max-width: 100%;
    }
    .my-4{ margin-top: 0 !important; margin-bottom: 0 !important;}
  }