Flexible background image and height with vw

dabblet.css

/**
 * Flexible background image and height with vw
 */
div {
	background: transparent url("https://www.djangoproject.com/m/img/logos/django-logo-positive.png") no-repeat center top;
	background-size: 90%;
	height: 28vw;
	width: 90%;
}

dabblet.html

<div></div>
<p>
	Content that should come after the image. Usually you'd need to do some trickery with the div.
	My normal method is to put a percentage padding-top on it. I've never found a formula for what
	percentage works, I just tinker around with it until it works. This feels much better.
</p>

settings.json

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