.text-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.image-with-text-picture {
	width: 100%;
}

.section-image-with-text .text {
	display: flex;
	flex-direction: column;
	z-index: 1;
}

.text-overlay .text {
	position: absolute;
	width: 100%;
	height: 100%;
}

.section-image-with-text .text-overlay .text {
	align-self: flex-end;
	flex: 1;
	height: auto;
	background-color: var(--color-brand-primary);
	width: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: var(--gutter-min);
}

@media(min-width:990px) {
	.section-image-with-text .text {
		align-items: flex-start;
	}
}