Подгрузка Webp вместо jpg во всех браузерах где он поддерживается, в остальных подгружать jpg

Ребят, привет. Подскажите как сделать подгрузку webp вместо jpg в тех браузерах где он поддерживается. Использовал способ - https://github.com/vincentorback/WebP-images-with-htaccess , но jpg всёравно грузиться на сайте вместе с webp. Мне нужно сделать так чтобы jpg вообще не грузился, а грузился только Webp. В тех браузерах где он не поддерживается естественно иначе. Буду благодарен за помощь!

<picture>
    <source data-srcset="img/test-mob.webp" media="(max-width: 576px)" type="image/webp">
    <source data-srcset="img/test-mob.jpg" media="(max-width: 576px)">
    <source data-srcset="img/test.webp" type="image/webp">
    <img data-lazy="img/test.jpg" alt="test" class="lazy">
</picture>