#moldura:before {

dabblet.css

#imagem {
width: 300px;
height: 150px;
margin: 0 auto;
background: white;
}

#moldura {
/*position: relative;*/
width: 350px;
height: 200px;
background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
}

/*
#moldura:before {
content: "";
position: absolute;
width: 400px;
height: 160px;
top: 0;
left: 0;
z-index: -1;
background: #eee;
}*/

.borda {
border-top: 10px solid black;
border-bottom: 10px solid transparent;
box-shadow: 0 0px 2px #000;
}

img {
border: 10px solid transparent;
background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
}

img:after {
content: "te";
position: absolute;
width: 300px;
height: 150px;
border: 10px solid red;
}

dabblet.html

<div id="moldura" class="borda">
	<div id="imagem">teste</div>
</div>

<img src="https://www.thenewsignificance.com/wp-content/uploads/2011/07/Paris-300x150.jpg"></img>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}