.text-image {
	width: 100%;
	margin: var(--py-section-medium) 0;
}

.text-image-holder {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.text-image-image {
	width: 100%;
}

.text-image-image img {
	width: 100%;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.text-image.is-right .text-image-holder {
	flex-direction: row-reverse;
}

.text-image.is-gray:last-child {
	margin-bottom: 0;
}

.text-image.is-gray {
	padding: var(--py-section-medium) 0;
	background: var(--color-light);
}

@media screen and (min-width: 768px) {
	.text-image-image {
		width: 48.6%;
		min-width: 48.6%;
	}

	.text-image-content {
		flex: 1;
	}
}