.wrapper {
	padding: 10px;
	padding-top: 110px; /* Increase the value to create more space */
	padding-bottom: 0px;
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* Default: 2 in a line */
}

.kachel {
	border-radius: 5%;
	margin: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.img-in-kachel {
	width: 100%;
	border-radius: 5%;
}

@media (min-width: 1000px) {
	.wrapper {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 700px) {
	/* Mobile layout */
	.wrapper {
		margin-top: 0;
		padding: 10px;
		padding-top: 15vw; /* Increase the value to create more space */
	}

	.kachel {
		border-radius: 15%;
	}

	.img-in-kachel {
		border-radius: 15%;
	}
}
