.gallery {
	padding: 0rem;
	display: grid;
	grid-template-columns: repeat(4, 70vmin);
	grid-template-rows: 1fr;
	grid-column-gap: 0rem;
	grid-row-gap: 0rem;
	overflow: scroll;
	height: 90vmin;
	scroll-snap-type: both mandatory;
	scroll-padding: 1rem;
}

.active {
	scroll-snap-type: unset;
}

li {
	scroll-snap-align: center;
	display: inline-block;
	border-radius: 3px;
	font-size: 0;
	/* This ensures the images fit and you don't need to scroll up/down on any device screen size */
	img {
		height: 85vmin;
		width: 100%;
		object-fit: contain;
	}
}