Как использовать webp, а для safari jpeg2000

Каким образом можно сделать так, чтобы по дефолту у меня использовалась картинка в формате webp, а для safari подставлялась jpeg2000, хотел сделать через тег picture и srcset, но не знаю, как сделать так, чтобы код понимал, какой браузер используется. Есть способ, чтобы html понимал в каком браузере запускается и как указать это?

<picture>
  <source srcset="img/about-img.webp">
  <img src="img/about-img.jpg" alt="photo">
</picture>