:root {
	--wave-height: 190px;

	@media screen and (max-width: 52em) {
		--wave-height: 130px;
	}
}

.block-wave .block-inner.column {
	position: relative;
}

.block-wave[class] {
	padding: 0 !important;
	margin-top: calc(var(--wave-height) * -1);
	.block-inner {
		display: block !important;
		max-width: none !important;
	}
	.image-container {
		height: var(--wave-height);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
	}
}

.block-container:has(+ .block-wave),
.wp-block:has(+ .wp-block-acf-wave) .block-container {
	padding-bottom: calc(var(--wave-height) + 24px) !important;
}


.block-wave:has(+ .block-image-overlap) .block-inner.column::after,
.wp-block-acf-wave:has(+ .wp-block-acf-image-overlap) .block-container .block-inner.column::after {
    content: '';
    display: block;
    height: 250px;
    background: black;
    position: absolute;
    top: 100%;
    width: 100%;
}