.fancybox__content {
	background-image: url('../img/red.gif') !important;
	background-size: 7% !important;
	/* Scale the image to 50% of the container */
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: black !important;
}



@media (min-width: 1001px) {
	.fancybox__content {
		width: 75% !important;
		height: auto !important;
		/* Adjust height based on content */
		max-height: 90vh !important;
		/* Prevent the content from exceeding 90% of the viewport height */
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.fancybox__backdrop {
		/*background: blue !important;*/
	}

	/* Adjust iframe for responsive scaling */
	.fancybox__content iframe {
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
		aspect-ratio: 16 / 9;
		/* This will maintain the standard 16:9 aspect ratio for most videos */
	}
}

/*********************************************/


@media (max-width: 1000px) {
	.fancybox__content {
		width: 95% !important;
		/* Make the content a bit wider on smaller screens */
		height: auto !important;
		/* Allow height to adjust based on content */
		max-height: 80vh !important;
		/* Limit height on smaller screens to avoid overflow */
		padding: 10px;
		/* Add padding for better spacing */
	}

	/* Adjust iframe for smaller screens */
	.fancybox__content iframe {
		width: 100% !important;
		height: auto !important;
		/* Maintain the aspect ratio without distortion */
		max-width: 100% !important;
		aspect-ratio: 16 / 9;
		/* Maintain aspect ratio */
	}
}

@media (max-width: 600px) {
	.fancybox__content {
		width: 100% !important;
		/* Make it take up the entire screen width on very small screens */
		height: auto !important;
		max-height: 70vh !important;
		/* Further limit height on very small screens */
	}

	.fancybox__backdrop {
		/*   background: rgba(0, 0, 255, 0.8) !important; */
	}

	.fancybox__content iframe {
		width: 100% !important;
		height: auto !important;
		/* Keep aspect ratio intact */
		aspect-ratio: 16 / 9;
	}

}