<!DOCTYPE html>
<body>
<div style="display: inline-block; background: blue;
box-sizing: border-box; height: 200px;
border: 50px transparent solid">
<div style="height: 100%; box-sizing: border-box;
border: 30px transparent solid;">
<!-- We need to be shorter than intrinsic height, so use a max-height -->
<img src="lime100x100.png"
style="max-height: 100%; display: block; visibility: hidden;">
</div>
</div>
</body>