.gallery {
               padding: 1rem;
               display: grid;
               grid-template-columns: repeat(10, 80vw);
               grid-template-rows: 1fr;
               grid-column-gap: 1rem;
               grid-row-gap: 1rem;
               overflow: scroll;
               height: 40vh;
               scroll-snap-type: both mandatory;
               scroll-padding: 1rem;
           }
           
           .active {
               scroll-snap-type: unset;
           }
           
           .myli {
               scroll-snap-align: center;
               
               border-radius: 3px;
               font-size: 0;
              
               
               
           }