ul.gallery-pip {
    padding: 1rem;
    display: grid;
    grid-template-columns: repeat(10, 80vw);
    grid-template-rows: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    height: 90vh;
     overflow: hidden;
    transition: all 2s;
}

ul.gallery-pip .active {
    scroll-snap-type: unset;
}

ul.gallery-pip li {
    scroll-snap-align: center;
    display: inline-block;
    border-radius: 3px;
    font-size: 0;
    background-position: center;
    background-size: cover;
}