picture og srcset hjælp

Jeg har forgæves forsøgt at få mit lille hoved til at forstå <picture> srcset godt nok til at kunne bruge det på et site jeg roder med men sidder total fast. Er der en venlig sjæl der kan give en hånd?

Jeg har tre billeder:
big.jpg (800px), normal.jpg (400px), small.jpg (200px).
Det jeg prøver at opnå er at når siden er under f.eks. 500px bred skal small bruges, under 1000 skal det være normal og ellers big.jpg

Derudover skal der være det samme med WebP format.