.body {
	font-family: system-ui,sans-serif;
}


iframe {
	max-width: 100%;
	aspect-ratio: 16/9;  
}

figure.feature-image {
	max-width: 30%;
	display: inline-block;
    overflow: hidden;
}

img.feature {
	max-width: 100%;
	filter: saturate(0%) contrast(150%);

}

img.feature:hover {
	filter: drop-shadow(5px 5px 10px #000);
	transform: scale(1.05); 
}

p {
	position: relative;
	overflow: hidden;
	z-index: 99;
}


p::before {
	content: "" ;
	width: 100%;
	height: 10em;
	display: inline-block;
	background-color: #aaa8;
	position: absolute;
	background-image: url(http://images.webwork.space/768x576/l02.jpg);
	opacity: 80%;
	z-index: -1;
}