.box { background-image: -webkit-image-set( url("/api/flow.js?q=https%3A%2F%2Fmdn.github.io%2Fcss-examples%2Fimages%2Flarge-balloons.avif"), url("/api/flow.js?q=https%3A%2F%2Fmdn.github.io%2Fcss-examples%2Fimages%2Flarge-balloons.jpg")); background-image: image-set( url("/api/flow.js?q=https%3A%2F%2Fmdn.github.io%2Fcss-examples%2Fimages%2Flarge-balloons.avif") type("image/avif"), url("/api/flow.js?q=https%3A%2F%2Fmdn.github.io%2Fcss-examples%2Fimages%2Flarge-balloons.jpg") type("image/jpeg")); }
<div class="box"></div>