.container {
	width: 100%;
	max-width: var(--container-main);
	margin-inline: auto;
	padding-inline: var(--space-sm);
}

.container--narrow {
	max-width: var(--container-narrow);
}

.container--wide {
	max-width: var(--container-wide);
}

.media-frame {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: var(--color-bg-soft);
}

.media-frame img,
.media-frame video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media-frame--contain img,
.media-frame--contain video {
	object-fit: contain;
}

.media-frame .image-placeholder {
	position: absolute;
	inset: 0;
}