.paragraph--type--group.group--background {
	position: relative;
	padding-bottom: 10em;
}

.paragraph--type--group.group--background > *:not(.group__background) {
	position: relative;
	z-index: 2;
}

.paragraph--type--group.group--background .group__background {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.paragraph--type--group.group--background .group__background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: top right;
}
	.paragraph--type--group.hero-header img,
	.paragraph--type--group.hero-footer img {
		min-height: 42vw;
	}

.paragraph--type--group.hero-header + .paragraph {
	margin-top: -10em;
}

.paragraph--type--group.hero-footer {
	padding-bottom: 0;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.paragraph--type--group.group--background {
		padding-top: 2.5em;
		padding-bottom: 7.5em;
	}
}