.about .section-htmlImage {padding: 3rem 1.5rem; background-color: #fff;}

.about .section-htmlImage .wrap {display: flex; flex-direction: column; gap: 2rem;}

.about .section-htmlImage .image {
	aspect-ratio: 840 / 700; border-radius: .75rem; background-color: var(--color-secondary);
	background-size: cover; background-position: center;
}

.about .section-htmlImage .content h2 {
	line-height: 1.2; font-family: var(--font-heading); font-size: 1.9rem; font-weight: 300;
	letter-spacing: .1em; text-transform: uppercase; color: var(--color-primary);
}
.about .section-htmlImage .content h3 {margin-top: .35rem; font-size: 1rem; font-weight: 400; color: var(--color-primary-light);}
.about .section-htmlImage .content p {margin-top: 1rem; line-height: 1.8; font-size: .9rem; color: var(--color-primary);}

@media screen and (min-width: 40em) {
	.about .section-htmlImage {padding: 5rem 6.8rem;}

	.about .section-htmlImage .wrap {flex-direction: row; align-items: stretch; gap: 4rem;}

	.about .section-htmlImage .image {flex: 0 0 43.75rem; aspect-ratio: auto;}
	.about .section-htmlImage .content {flex: 1 1 auto;}

	.about .section-htmlImage .content h2 {font-size: 2.5rem;}
	.about .section-htmlImage .content h3 {font-size: 1.2rem;}
	.about .section-htmlImage .content p {font-size: 1rem; max-width: 34rem;}
}