.gallery {
	--gallery-margin-block: 60px;
	--gallery-padding-inline: 20px;
	--gallery-columns: 1fr 1fr;
	margin-block: var(--gallery-margin-block);
	padding-inline: var(--gallery-padding-inline);
}

.gallery-container {
	width: var(--container-width-wide, 1300px);
	margin-inline: auto;
	max-width: 100%;
	display: grid;
	grid-template-columns: var(--gallery-columns);
	gap: 40px 20px;
}

.gallery img {
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1023px) {
	.gallery {
		--gallery-columns: 1fr;
		--gallery-margin-block: 35px;
	}
}