function loadImage(){document.querySelectorAll("[data-image]").forEach(function(a){if(a.id,isScrolledIntoView(a)){let e=a.dataset.image;(void 0===a.dataset.lazy||"load"!=a.dataset.lazy||void 0!==a.dataset.imageProp&&"background"==a.dataset.imageProp)&&("background"==a.dataset.imageProp?(a.style.backgroundImage="url("+e+")",a.animate({opacity:[0,1]},{duration:250,iterations:1,easing:"ease-in"}),a.dataset.imageProp="finish"):(a.src=e,a.animate({opacity:[0,1]},{duration:250,iterations:1,easing:"ease-in"}))),a.dataset.lazy="load"}})}function isScrolledIntoView(a){var e=a.getBoundingClientRect(),t=e.top,i=e.bottom;return t<window.innerHeight&&i>=0}document.addEventListener("DOMContentLoaded",function(){loadImage(),["resize","scroll","load"].forEach(function(a){document.addEventListener(a,function(){loadImage()})})});