section {
	align-items: center;
}
section .text-group {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

@media only screen and (min-width: 586px) {  /* Tablet and desktop */
	section .img {
		width: calc((var(--column-width-desktop) * 8) + (var(--column-gap-desktop) * 7));  /* 8 columns */
	}
}

@media only screen and (min-width: 1024px) {  /* Desktop only */
	section {
		flex-direction: row;
		column-gap: 32px;
	}
	section .img {
		width: calc((var(--column-width-desktop) * 5) + (var(--column-gap-desktop) * 4));  /* 5 columns */
	}
	section .text-group {
		flex-grow: 1;
	}

	/* Alternating sides for images */
	section:nth-of-type(even) {
		flex-direction: row-reverse;
	}
}