.gallery {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: masonry;
	width: 100%;
	max-width: var(--app-width);
}

main {
	padding-left: 0;
	padding-right: 0;
}

header,
.tabs {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/* @media (max-width: 700px) {
	main {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	header,
	.tabs {
		padding-left: 1rem;
		padding-right: 1rem;
	}
} */

.gallery div {
	display: flex;
}

.gallery div img {
	border-radius: 0.5rem;
	width: 100%;
	height: 100%;
	/* max-width: 18.75rem;
	max-height: 18.75rem; */
	/* aspect-ratio: 1 / 1; */
	object-fit: cover;
	user-select: none;
}
.gallery {
	padding: 0;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}