.image_separator {
	display: flex;
	flex-direction: row;

	gap: 8px;
  padding: 70px 16px 32px 16px;


	background: linear-gradient(180deg, var(--color-neutral) 0%, var(--color-neutral) 60%, var(--color-white) 60%, var(--color-white) 100%);

	.image_separator--left {
		width: 38%;
		height: 100%;
	}
	.image_separator--center {
		width: 60%;
		height: 100%;
	}
}

@media all and (min-width: 700px) {
	.image_separator {

    padding: 100px 0px 32px 16px;

		.image_separator--left {
			width: 33%;
		}
		.image_separator--center {
			width: 52%;
		}
	}
}

@media all and (min-width: 1000px) {
	.image_separator {
		gap: 16px;
    padding: 150px 0px 64px 32px;

		.image_separator--left {
			max-width: min(28%,530px);
		}
		.image_separator--center {
			max-width: min(44%,834px);
		}
	}
}