JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/progressively/1.1.4/progressively.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/progressively/1.1.4/progressively.min.js"></script>
<main>
	<div class="content"></div>
	<div class="image-container">
	<figure class="progressive">
		 <img class="progressive__img progressive--not-loaded" data-progressive="https://cdn-images-1.medium.com/max/2000/1*rpA7vK81mfQzLQJmEHTKzg.jpeg" src="https://cdn-images-1.medium.com/freeze/max/30/1*rpA7vK81mfQzLQJmEHTKzg.jpeg?q=20">
	</figure>
	</div>
	<div class="content"></div>
</main>

CSS

body {
	height: 2500px;
}
main { 
	height: 100%;
	width: 100%;
}
.image-container {
	height: 100%;
	width: 100%;
}
.content {
	height: 900px;
}

JavaScript

progressively.init()