Отложенная загрузка webp background

Столкнулся с проблемой поддержки webp нашёл в сети Lazzy load https://codepen.io/imagekit_io/pen/RBXVrW/ но там поддержка без выбора подзагрузки как реализовать в WEbp

<div id="soglasovanie" class="img_block scale_block_animate lazy"></div>
#soglasovanie.lazy {background-image: none;background-color: #F1F1FA;}#soglasovanie {background-image: url('/img/soglasovanie.jpg');}.no-webp #soglasovanie {background-image: url('/img/soglasovanie.jpg');}.webp #soglasovanie {background-image: url('/img/soglasovanie.webp');}