Buat responsive image menggunakan <picture> element:

1. Source pertama: srcset="hero.avif" dengan type="image/avif"
2. Source kedua: srcset="hero.webp" dengan type="image/webp"
3. Fallback <img> dengan src="hero.jpg" dan alt="Hero image"

Hint

• <picture> memungkinkan browser memilih gambar terbaik.
• Source untuk layar besar, <img> sebagai fallback.
• <picture><source media="(min-width: 768px)" srcset="besar.webp"><img src="kecil.webp" alt="Foto"></picture>