.photo-grid {
	padding-top: var(--padding4);
	padding-bottom: var(--padding8);
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	align-items: start;
	gap: var(--margin3);
	@media screen and (min-width: 35em) {
		@supports (grid-template-rows: masonry)  {
			grid-template-rows: masonry;
		}
		@supports not (grid-template-rows: masonry)  {
			align-items: center;
		}
		grid-template-columns: repeat(2, 1fr);
	}
	@media screen and (min-width: 50em) {
		@supports not (grid-template-rows: masonry)  {
			align-items: center;
		}
		grid-template-columns: repeat(3, 1fr);
		
	}
	& .photo-card {
		/* grid-column: 1 / 5; */
		width: 100%;
		max-height: inherit;
		max-width: inherit;
		& img {
			width: 100%;
		}
	}
}