.teaser{
	position: relative;
}
.teaser .image{
	padding-right: 24px;
}
.teaser .text{
	position: absolute;
	z-index: 1;
	bottom: -24px;
	right: 0;
	width: 328px;
	max-width: 80%;
	padding: 32px;
	background: var(--wp--preset--color--gray-200);
}
.teaser .text p{
	margin-bottom: 29px;
	font-size: 20px;
	line-height: 1.3;
	color: var(--wp--preset--color--gray-700);
}

@media( max-width: 575px ){
	.teaser .image{
		margin: 0 var(--snap);
		padding: 0;
	}
	.teaser .text{
		right: var(--snap);
		width: calc( 100vw - 48px );
		max-width: none;
		padding: 24px;
	}
	.teaser .text p{
		margin-bottom: 20px;
		font-size: 16px;
	}
}