html * {box-sizing:border-box;}

body {
	font-family: system-ui, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
}

header {
	background-color: #eee;
	display: grid;
	flex-direction: column;
}
header>* {outline: 1px dotted red;}

.main-parent {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: auto auto;
	background-color: #eee;
	gap: 1em;
}

figure.image-frame {
	margin: 0;
	width: 100%;
}
img {
	width: 50%;
}
section.primary {
	grid-row: 1/-1;
	grid-column: 1;
}

section.secondary {
	grid-row: 2/-1;
	grid-column: 2/-1;
}

section.tertiary {
	grid-row: 3;
	grid-column: 2/-1
}