Untitled

dabblet.css

.ModalOverlay__container {
	top: 0px;
	position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10002;
}

.ReviewPhotoGallery__container {
	height: 100%;
}

.ReviewPhotoGallery__backBtn {
    border: 0;
    background: transparent;
    position: absolute;
    z-index: 2;
}

.ReviewPhotoGallery__imageContainer {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.ReviewPhotoGallery__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

dabblet.html

<div class="ModalOverlay__container ModalOverlay__blackBackground" style="top: 0px;">
	<div class="ReviewPhotoGallery__container" id="overlay7732">
		<button class="ReviewPhotoGallery__backBtn" aria-label="Back">
			<div class="product-left-arrow-outlined"></div>
		</button>
		<div class="ReviewPhotoGallery__imageContainer">
			<img class="ReviewPhotoGallery__image" alt="Customer-submitted image" src="https://picsum.photos/id/1026/640/1280">
		</div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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