em;
        }

        img.lazyestload {
            width: 100%;
            filter: blur(8px);
        }
    </style>
</head>

<body>
    <h1>Scroll up and down the page. Try scrolling past some of the images</h1>
    <h2>Images will only load when they are in the viewport <em>and</em> when the user has stopped scrolling (for longer than 0.2 seconds)</h2>
    <h3>Meaning that the user can scroll past images, and they wont be loaded.</h3>
    <h4>Some of these images are large ~1mb for demo purposes. You c