Untitled

dabblet.css

.container {
	width: 50%;
	position: relative;
	padding-bottom: 50%;
}
.triangle {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(http://static.ressacmedia.com/ressac/test/triangle-pedagogie.svg) left top;
	background-size: 100% 100%;
}

dabblet.html

<div class="container">
	<div class="triangle"></div>
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}