.card {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2em;
	padding: 2em;
}

.card h2 {
	margin-top: 0;
	margin-right: auto;
}

.card:nth-child(even) {
	background-color: #ececec;
}

.card > div {
	display: flex;
	flex-direction: column;
	margin-right: auto;
}

.card img {
	max-width: 31.25em;
	max-height: 15.625em;
}

.embed-container {
	margin-right: 0 !important;
	width: 28.125em;
	height: 15.625em;
}

ul,
ol {
	margin-top: 0;
}

@media (width < 710px) {
	.card {
		flex-direction: column;
	}

	.card img {
		max-width: 18.75em;
		max-height: 15.625em;
	}
}