css - ウェブサイトで WebP 画像を使用する

Question

Web ページの背景画像として WebP 形式の画像を使用したいと考えています。しかし、ブラウザーが WebP 形式をサポートしていない場合、この場合は従来の jpg 画像を使用するという CSS の条件をどのように作成するかはわかりません。このサンプルコードを見つけましたが、機能しません

.mybackgroundimage {
    background-image: url("image.jpg");
    background-image: image("image.webp" format('webp'), "image.jpg");
}