.cta-image-text-and-button {
	background: var(--color-porcelain);
}

.cta-image-text-and-button__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

.cta-image-text-and-button__copy {
	display: contents;
}

.cta-image-text-and-button__inner .section-header {
	order: 1;
}

.cta-image-text-and-button__photo {
	position: relative;
	width: 16rem;
	max-width: 100%;
	padding-top: 0.75rem;
	order: 2;
}

.cta-image-text-and-button__frame {
	display: grid;
	width: 100%;
	aspect-ratio: 3 / 4;
	padding: 0.5rem;
	background: var(--color-white);
	box-shadow: 0 0.7rem 1.8rem rgba(0, 0, 0, 0.14);
}

.cta-image-text-and-button__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cta-image-text-and-button__tape {
	position: absolute;
	z-index: 2;
	width: 7.75rem;
	height: auto;
	pointer-events: none;
}

.cta-image-text-and-button__photo--tape-1 .cta-image-text-and-button__frame {
	transform: rotate(-2.6deg);
}

.cta-image-text-and-button__photo--tape-1 .cta-image-text-and-button__tape {
	top: 1rem;
    left: -2.8rem;
	transform: rotate(-220deg);
}

.cta-image-text-and-button__photo--tape-2 .cta-image-text-and-button__frame {
	transform: rotate(2.6deg);
}

.cta-image-text-and-button__photo--tape-2 .cta-image-text-and-button__tape {
	top: 1rem;
	right: -2.5rem;
	left: auto;
	transform: rotate(38deg) scaleX(-1);
}

.cta-image-text-and-button__photo--tape-3 .cta-image-text-and-button__frame {
	transform: rotate(-1.8deg);
}

.cta-image-text-and-button__photo--tape-3 .cta-image-text-and-button__tape {
	top: 0.05rem;
	left: 1.15rem;
	transform: rotate(-8deg) scaleX(-1);
}

.cta-image-text-and-button__photo--tape-4 .cta-image-text-and-button__frame {
	transform: rotate(1.8deg);
}

.cta-image-text-and-button__photo--tape-4 .cta-image-text-and-button__tape {
	top: 0.05rem;
	right: 1.15rem;
	left: auto;
	transform: rotate(12deg);
}

.cta-image-text-and-button__text {
	text-align: center;
	order: 3;
}

.cta-image-text-and-button .mbm-button.cta-image-text-and-button__button {
	align-self: center;
	width: auto;
	max-width: 100%;
	order: 4;
}

@media (min-width: 992px) {
	.cta-image-text-and-button__inner {
		display: grid;
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		align-items: center;
		column-gap: 4rem;
		row-gap: 0;
	}

	.cta-image-text-and-button__copy {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
		grid-column: 2;
		min-width: 0;
	}

	.cta-image-text-and-button__inner .section-header,
	.cta-image-text-and-button__photo,
	.cta-image-text-and-button__text,
	.cta-image-text-and-button .mbm-button.cta-image-text-and-button__button {
		order: 0;
	}

	.cta-image-text-and-button__photo {
		grid-column: 1;
		grid-row: 1;
		width: min(20rem, 100%);
		justify-self: center;
	}

	.cta-image-text-and-button__tape {
		width: 8.5rem;
	}

	.cta-image-text-and-button__inner .section-header {
		align-items: flex-start;
		text-align: left;
	}

	.cta-image-text-and-button__copy .pre-title {
		justify-content: flex-start;
		text-align: left;
	}

	.cta-image-text-and-button__copy .pre-title::before {
		display: none;
	}

	.cta-image-text-and-button__copy .pre-title::after {
		flex: 1 1 0;
		max-width: none;
	}

	.cta-image-text-and-button__text {
		text-align: left;
	}

	.cta-image-text-and-button .mbm-button.cta-image-text-and-button__button {
		align-self: flex-start;
	}

	.cta-image-text-and-button__inner:not(:has(.cta-image-text-and-button__photo)) {
		grid-template-columns: minmax(0, 1fr);
	}

	.cta-image-text-and-button__inner:not(:has(.cta-image-text-and-button__photo)) .cta-image-text-and-button__copy {
		grid-column: 1;
	}

	.d-mw-900 .cta-image-text-and-button__inner{
		max-width: 900px;
	}
}
