Masked media

I find the lack of documentation... disturbing 😏, don't you?

Default

px 

			
				<div class="c-masked-media ">
	<div class="c-masked-media__mask">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 622.6 705">
			<path class="st0" d="M0.2,0l0.2,5.5v694L0.3,705h622.2l0.1-5.5v-53c-94.8,37-241,66.4-366,46.7C106.3,669.5,14.8,608.1,2.1,498.1c-15.7-134.9,82.2-181.9,118.4-264.8c35.7-82,9.5-164.2,136.2-209.6c104.3-37.3,237.8-12.5,366,32.5V5.5L622.4,0H0.2z" />
		</svg>
	</div>
	<div class="c-masked-media__media">
		<img src="/assets/images/about/placeholder.jpg" alt="About placeholder image" title="About placeholder image" />
	</div>
</div>