.floating-image-with-text::before{
	content:"";
	position: absolute;
	top:0;
	left:0;
	height: 40%;
	width: 66%;
	background-position: top left;
	background-repeat: no-repeat;
}

.floating-image-with-text::after{
	height: 80%;
	width: 95%;
	background-color: white;
	border-top-right-radius: 120px;
	position: absolute;
	content:"";
	bottom:0;
	left:0;
}

.floating-image-with-text__bottom--content{
	border-bottom: 1px solid var(--secondary-palette-warm-grey);
}

@media only screen and (width <= 1133px){
	.floating-image-with-text::after{
		width: 100%;
	}
}

@media only screen and (width <= 768px){
	.floating-image-with-text::before{
		width: 100%;
	}
}

@media only screen and (width <= 576px){
	.floating-image-with-text::after{
		border-top-right-radius: 0;
	}
}