Untitled

dabblet.css

.document-page__sheet {
        display: inline-block;        
        background: #f00;
        box-shadow: 0 2px 10px rgba(0,0,0,.3), inset 0 0 1px red;

    }
    .document-page__content {
    	display: inline-block;
    }
        /* THE IMAGE : */
        .the-doc-part {
	        margin-top: 5px;
            display: block; 
            opacity: .99999999;
        }

dabblet.html

<div class="document-page">
    <div class="document-page__sheet">
        <div class="document-page__content" >
			<img alt="Page 1" width="800" class="the-doc-part" src="https://doc-processor-api-dev.s3.amazonaws.com/documents/63f06f5aa2c4415a9e9c9612cb2b18c1-p1-normal.png">
        </div>
    </div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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