.content-image {
	position: relative;
	margin: auto;
	margin-left: -1rem;
	margin-right: -1rem;
}

@media(min-width: 36em) {
	.content-image {
		margin: 0 auto;
	}
}

.content-image figcaption,
.content-video figcaption {
	margin-top: 1rem;
	padding: 0 1rem;
	font: var(--m-bold);
	color: var(--black-60);
}

@media(min-width: 36em) {
	.content-image figcaption,
	.content-video figcaption {
		padding: 0;
	}
}

.content-image .media {
	aspect-ratio: 16/9;
	background-color: var(--black-10);
}

.content-image .media img {
	margin: 0 auto;
	height: 100%;
}

.content-image .imagecredit,
.content-video .imagecredit {
	margin-top: 0.25rem;
	display: block;
	font: var(--s);
}