Как сделать:
1. В ZeroBlock добавить изображения.
2. Задать изображениям класс item.
3. Добавить на страницу в блок T123 скопированный код. Желательно, в самом низу.
 <style>.item__img{visibility:hidden}img{height:auto}.dom-gl{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:0;pointer-events:none;}.dom-gl--onload{animation:fadeIn .6s ease-in forwards .5s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}</style>
<script>
if (window.matchMedia("(min-width: 1200px)").matches) {
    $(".item").each(function(){$(this).find(".tn-atom").addClass("js-plane"),$(this).find(".tn-atom__img").addClass("item__img");let a=$(this).find(".tn-atom__img").attr("data-original");$(this).find(".tn-atom__img").attr("src",a)}),$(document).ready(function(){setTimeout(function(){window.dispatchEvent(new Event("resize"))},500)});function addImageAttribute(){let a=document.querySelectorAll(".tn-atom__img");for(let[b,c]of a.entries())if(0!=b){let a=c.naturalWidth,b=c.naturalHeight;c.setAttribute("width",a),c.setAttribute("height",b)}}window.onload=function(){addImageAttribute(),$(".dom-gl").addClass("dom-gl--onload")};
}
</script>
<script src="https://gistcdn.githack.com/kaytiko/713e8a758b6f518fc11d6265ec16eb9d/raw/7f5169e794dd7e2d3e9f4212afd7024e19df5ada/threejs-wave.js"></script>
Made on
Tilda