JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<!--
https://config9.com/apps/google-chrome/chrome-extension-set-to-run_at-document_start-is-running-too-fast/
-->
<script>
	
  var aleOverlay = document.createElement("DIV");
  aleOverlay.setAttribute("id", "ale-overlay");
  console.log( document.body );
  document.body.appendChild( aleOverlay );

  console.log( $('img').length );

  $(document).ready(function() {
    window.stop();
    console.log( $('img').length );
  });
  
</script>

<img src="https://lorempixel.com/900/600/abstract" alt="">

<img src="https://lorempixel.com/900/600/city" alt="">

<img src="https://lorempixel.com/200/150/people" alt="">

<img src="https://lorempixel.com/900/600/transport" alt="">

CSS

#ale-overlay {
  position: fixed; 
  z-index: 99999; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0; 
  background-color: rgba(255,255,255, .9);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image:...