.youtube-lazy {
	position: relative; 
	width: 560px; height: 315px; /* 16:9 aspect ratio */
	/* width: 315px; height: 560px; */ // 9:16 aspect ratio
	cursor: pointer; 
	background: #0000;
	}

.thumbnail {
	width: 100%; 
	height: 100%; 
	object-fit: cover;
	}

.play-button {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 68px; 
	height: 48px;
	background: rgba(255,255,255,.9) 
	/* url('data:image/svg+xml;base64,...') */
	/* url('youtube-play-button-play-video-youtube-logo-svgrepo-com.svg') */
	url('favicon_96x96.png')
	/* url('data:image/svg+xml;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAbWJbADklEwDVy7kAWVJHADIpHwA/HRYAYFNBAMuypQBya1sA++qpAB8bGgBzTTgALR4RACkhGgASDQwAQDcuAExJWgDgxJMAkYuEAMivlAAZEwwAyq+UAEw1KACfiHIAt559AN/JogAaFA8ABAQEAN/CugC8n4AAmpGEAJqTigCdkY0AzLmpAAwIBwBxTjwAdW5lAE9IPQCllooAVUc6AGpdTgDJrYYAqpyTAHJiSwBdTEAAY0c6AIp1XwAzJxsAjHVfAMaLewCqiGEAc2NXAAIEBQCQe18AalQ9APXxtwA8Lh4ArJJ2AOjRsgB4bGkAJh8WAOrUsgDHrYcAkXWeAEM4MwDoxIwAGRMOALy0rgD03bIAdWRJAIB4cgABAwMAHxAOAAMDAwD9/tUAr6KUALySkQCLfGwAYVhKACIaGgBCLBkA17qTAFBEPAB5bGoASS4WAH9wZABoXlMAyMDJAGhfVgDcw5wAKiQdAFlLPwAvJhoAhHRnAP/+xACIc2QAQjw3AE05JQAtKiYAUzcfAAQCAQAcFg8ATj0oAOXLogCddkkAYFZOAJF8bQDYu44Aln5qAA8LCgBRRz0AeHFoAFZGOgCfhnAANSUYAAICAgAEAgIAknJiAGNVQwBhV0kAPS0eADcwJwB2bGMAraWxACEdHACLgHoAgmxRAEg6XwBGLhgAVEk7AMWwgQBiQiYAwKyZAP/yxgD3+swAj4uAAJOKfQDt3sEAy7OTAMC1qwDoxZsApohuAAUCAwCQe1oANS0fAP//2wAGBgYAoGddAB4bFwBrVTIAhGlAAPzbygAnFxQASEZFAHlsZAAOCgkAEA0JALqUZQCVhHUATTEZAEI3KwBBOC4AqJ+PAEQ5MQABAQEAu7isALaWjwBBPkAAiHdqAEU/OgBwZ18AraSeAMyfYgCJgHMASkJDAKRsWwAKCgoAtJFmAGpWSABmWE4AEAwHAKGbjQDAsZgAe3VuALe2pwCymX4AQjgvAJ1iUADaxrIA+vTpAMSdZgBtZ2AAgnxxADIqIQD54qsABQUFAIR9dABZVlIA6M+gACIcEwBhWE8AWTM7AMPAvABuWTcAgmdXADoxLQDx1J0ADwwIAFRGNQD29cAAeU46AI9hTgAQDQsAta2oAMCknwD26t4AKyEZACoeIgAUEAsAm4RuAP/4wAAWEAsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZKBVgVECc5FjXQ3IfQuomi/ccn83LAcpJ154U2Gq2q9psjOQNkZ3s3ZtTit7pLvOv62eHhYZGCK+sKmbVjRxXM+SGmxSTCHXp9OOMWBrn34KQo3UBpk8Lb3NJIsUujqFloMymD9oSVkoA8o+iopaKnliDLw7ErdYUGp8HUWG0sPZMDkIlE2EJqZBxzjdX4dLFWY9oy5AF9jWjEeAotHMl9Cd27mCoRGstohUtG8FV2fESrXFEAREia4fCU/JDg7CpUplwBNwesGrAbhb3kMbZqXENdXLICUPj0iTxCNunNB0HBx0pcaVSpMApXRKdMR1dEqlABxKAAClHHRKpaUAsQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=') */

	no-repeat center; /* SVG play icon base64 */
	transform: translate(-50%, -50%);
	border-radius: 6px;
	transition: all .2s;
	}

.youtube-lazy:hover .play-button {
		background-color: white;
		transform: translate(-50%, -50%) scale(1.1);
	}