.gallery{
    display: inline-block;
    margin: 5px;
    /* margin: 100px auto 50px;
    border: 2px solid hsl(100, 100%, 100%);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(2500, 1fr));
    grid-gap: 3000px;*/
}

.gallery img:hover{
    /*filter:sepia(1);*/
    filter: grayscale(100%);
    border: 10px solid hsl(0, 100%, 50%);
    /*    border: 2px solid hsl(0, 100%, 50%);
    transition: 300ms;*/
    transform: scale(0.85); 
/*  transform: scale(0.85) rotate(-5deg); 
		animation: zoominout 200ms;*/
}

.gallery img{
    width: 500px;
    padding: 15px;
    transition: 1s;
    /* height: auto; */
}

.gallery img:not(:hover){transition: 100ms;}


@keyframes zoominout {
    0% {
      scale: 1.1;
    }
    50% {
        scale: 1.05;
      }
    100% {
        scale: 1;
    }
  }