/* Our Story image: extend from its current left edge to the viewport edge */
.story-image-bleed-right {
	width: calc(
		100% + max(0px, calc((100vw - 1650px) / 2))
	);
	max-width: none;
	height: 100%;
	min-height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* iPad/tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.story-image-bleed-right {
		width: calc(100% + 32px);
		margin-right: -32px;
		height: 100%;
		min-height: 100%;
		background-size: cover;
		background-position: center center;
	}
}

/* Phones: allow Kadence to stack the columns normally */
@media screen and (max-width: 767px) {
	.story-image-bleed-right {
		width: calc(100% + 48px);
		margin-left: -24px;
		margin-right: -24px;
		min-height: 420px;
		height: auto;
	}
}