<picture>

<picture class="img-bg">
    
  <source  
          srcset="./assets/img/img1.webp" 
          type="image/webp"
          media="(min-width: 1300px)" >
  <source  
          srcset="./assets/img/img2.webp" 
          type="image/webp"
          media="(min-width: 900px)" >
 
  <source  
          srcset="./assets/img/img1.jpg" 
          type="image/jpg"
          media="(min-width: 1300px)" >
  <source  
          srcset="./assets/img/img2.jpg" 
          type="image/jpg"
          media="(min-width: 900px)" >

  <img src="./assets/img/img.jpg" alt="Car">

</picture>

В тег `source` атрибут `srcset` записываем путь до картинки, в `type` - формат картинки, а в `media` записываем условия отображения.

Тег `img` в конце для тех браузеров, которые не поддерживают `picture`.

Из заданных условий и форматов браузер сам подберёт нужную картинку.