Задача такая. При загрузке страниц на старых устройствах, которые не поддерживают расширение картинок .webp, нужно поменять его на .png. Как распознать учтройство, теоретически понятно. А как поменять расширение картинок? Часть кода Html, в котором есть ссылка на картинки, поднружается с помощью @Html.Raw(Model.Text). Смотрел в сторону JQuery, но не пойсу, как реализовать логику. Помогите, пожалуйста.
<div>
<!--...some Html...-->
<div class="col-lg-4 d-none d-lg-block about-img-block">
<img src="/Images/Design/design1.webp" />
<img src="/Images/Design/design2.webp" />
</div>
</div>