<!-- BEGIN COPY / PASTE -->
    <img src="placeholder.jpg" data-src="actual-image.jpg" class="lazyload" alt="Description">
    <script>
      document.addEventListener("DOMContentLoaded", function() {
        let lazyImages = [].slice.call(document.querySelectorAll("img.lazyload"));
        if ("IntersectionObserver" in window) {
          let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
            entries.forEach(function(entry) {
              if (entry.isIntersecting) {
                let lazyImage = entry.target;
                lazyImage.src = lazyImage.dataset.src;
                lazyImage.classList.remove("lazyload");
                lazyImageObserver.unobserve(lazyImage);
              }
            });
          });
          lazyImages.forEach(function(lazyImage) {
            lazyImageObserver.observe(lazyImage);
          });
        }
      });
    </script>
    <!-- END COPY / PASTE -->