.mediaReveal{
	overflow:hidden;
}

.mediaReveal img,
.mediaReveal video{

	display:block;
	width:100%;
	height:auto;

	--revealSize:0%;

	-webkit-mask-image:
		radial-gradient(
			circle at center,
			rgba(0,0,0,1) 0%,
			rgba(0,0,0,1) var(--revealSize),
			rgba(0,0,0,0) calc(var(--revealSize) + 20%)
		);

	mask-image:
		radial-gradient(
			circle at center,
			rgba(0,0,0,1) 0%,
			rgba(0,0,0,1) var(--revealSize),
			rgba(0,0,0,0) calc(var(--revealSize) + 20%)
		);

	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;

	-webkit-mask-size:100% 100%;
	mask-size:100% 100%;
}