pictureタグで画像レスポンシブ

<picture>
  <!-- ↓幅800px以上で表示↓ -->
  <source srcset="画像パス1" media="(min-width: 800px)" />
  <!-- ↓幅690px以上で表示↓ -->
  <source srcset="画像パス2" media="(min-width: 690px)" />
  <!-- ↓上記全て表示条件に当てはまらない場合に表示↓ -->
  <img src="画像パス3" alt="代替テキスト">
</picture>