* {
	margin: 0;
}

section {
	/* width of the section content in the middle */
	--w: min(80vw, 40em);
	padding: 1em 0;
}

.grid-layout {
	display: grid;
	grid-template-columns: var(--w);
	justify-content: center;
	background: url(https://images.unsplash.com/photo-1546345414-16d37d6baa05?w=1400)
		50% / cover;
}

.border-image {
	margin: 1em auto;
	border-image: url(https://images.unsplash.com/photo-1620503292890-c597f62cce8d?w=1400)
		fill 0/ /0 calc(50vw - 0.5 * var(--w)) repeat;
	width: var(--w);
}

h2 {
	font: 600 1.5em/ 1.5 titillium web, sans-serif;
}

p {
	font: 1.25em/ 1.125 padauk, sans-serif;
}