.article-image-with-text {
	margin-bottom: 30px;

	@media screen and (min-width: 750px) {
		margin-bottom: 56px;
	}
	@media screen and (min-width: 750px) {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 50px;
	}
}

.article-image-with-text:not(:last-child) {
}

.article-image-with-text__media {
	@media screen and (max-width: 749px) {
		margin-bottom: 16px;
	}
}

.article-image-with-text__content {
	@media screen and (min-width: 750px) {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
}

.article-image-with-text__title {
	margin-bottom: 10px;

	@media screen and (min-width: 750px) {
		margin-top: 0;
		margin-bottom: 28px;
	}
}