# Exercice dirigé: Images adaptatives

Vous devez intégrer les images afin de reproduire la maquette

## En utilisant l'attribut srcset et descripteur x
- Charger l'image des papillons en version normale 600 et en version HD

## En utilisant l'attribut sizes et le prescripteur w
- Charger les 2 tailles d'image pour les papillons et leur version HD. 
- Préciser leur taille avec le prescripteur w et laisser le navigateur choisir la plus appropriée en fonction de l'écran.

## En utilisant l'élément picture
- L'image doit charger conditionnellement les différentes sources de l'image proposées, en fonction de la taille de l'écran et sa résolution.
- La version mobile first est requise.
- Points de rupture : 768px, 960px, 1024px