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