.youtube-embed {
	position: relative;
	width: 560px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 1rem;
	aspect-ratio: 16 / 9;
}

.youtube-embed-thumbnail {
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.youtube-embed-play-button {
	background-image: url("play-button.png");
	background-size: 200% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 16%;
	height: 30%;
	contain: fit;
}

.youtube-embed-thumbnail:active .youtube-embed-play-button,
.youtube-embed-thumbnail:hover .youtube-embed-play-button {
	background-position: 100% 0;
}

.youtube-embed-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}