Leikam · July 26, 2021 13:55
diff --git a/dabblet.css b/dabblet.css
 .wrapper-img {
 padding-bottom: 50%;
 height: 0;
 background: #999;
 }

 .wrapper {
 max-width: 50%;
 background: red;
 }

 .wrapper img {
 vertical-align: top;
 width: 100%;
 opacity: .5;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class='wrapper'>
 <div class='wrapper-img'>
 <img src="http://lorempixel.com/400/200/sports/1/">
 </div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	<div class='wrapper'>
	<div class='wrapper-img'>
	<img src="http://lorempixel.com/400/200/sports/1/">
	</div>
	</div>