.media {
	display: grid;
	gap: var(--gap-md);
	grid-template-columns: repeat(1, 1fr);
	padding-top: var(--section-padding-md);
	padding-bottom: var(--section-padding-md);
}

.media__media {
	position: relative;
	align-self: start;
}
.media__squiggle {
	position: absolute;
	width: 20%;
	right: 10%;
	bottom: 0;
	transform: translateY(40%);	
}

@media (min-width: 769px) {

	.media {
		grid-template-columns: repeat(12, 1fr);
	}
	.media__media {
		grid-column-start: 1;
		grid-column-end: -1;
	}
	
	.media--align-to-content .media__media {
		grid-column-start: 4;
	}
	.media--has-caption .media__media {
		grid-column-end: -3;
	}
	.media__heading {
		grid-column-start: -3;
		grid-column-end: -1;
	}

	.media__squiggle {
		width: 20%;
		right: 5%;
		bottom: 5%;
		transform: translateX(40%);
	}

}

@media (max-width: 1200px) {
.media--has-caption .media__media {
	grid-column-end: -4;
}
	.media__heading {
		grid-column-start: -4;
		grid-column-end: -1;
	}
}

@media (max-width: 768px) {
	
.media h3 {
	font-size: 24px;
	line-height: 130%;
	margin-bottom: 5px;
}

	.media {
		grid-template-columns: repeat(1, 1fr);
		gap: inherit;
	}
	.media__media {
		grid-column-start: 1;
		grid-column-end: -1;
	}
	
	.media--align-to-content .media__media {
		grid-column-start: 1 !important;
	}
.media--has-caption .media__media {
	grid-column-end: -2;
	margin-bottom: 20px;
}
	.media__heading {
		grid-column-start: -3;
		grid-column-end: -1;
	}

	.media__squiggle {
		width: 20%;
		right: 5%;
		bottom: 5%;
		transform: translateX(40%);
	}
	
}