body 1{
	margin: 0;
}

.image-grid {
	--gap: 16px;
	--num-cols: 4;
	--row-height: 250px;
	
	box-sizing: border-box;
	padding: var(--gap);
	
	margin-left: 120px;
	margin-right: 120px;
	display: grid;
	grid-template-columns: repeat(var(--num-cols), 1fr);
	grid-auto-rows: var(--row-height);
	gap: var(--gap);
}

.image-grid > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.image-grid-col-2 {
	grid-column: span 2;
}

@media screen and (max-width: 1024px) {
	.image-grid {
		--num-cols: 2;
		--row-height: 250px;
		
		margin-left: 50px;
		margin-right: 50px;
	}
}