1. Best viewed on laptop in Responsive Design Mode
   1. ⌃ ⌘ R on Mac/Safari
   2. ⌥ ⌘ R on Mac/Firefox
2. Note error when srcset has width descriptor (eg 650w) and source element has media attribute but with no sizes attribute
3. There seems to be no way of using sizes with srcset from within the source tag

<picture>
    <source 
        srcset="../images/kitten-large-650.png" 
        media="(min-width:850px)">

    <source 
        srcset="../images/kitten-medium-465.png" 
        media="(min-width:600px)">

    <source 
        srcset="../images/kitten-small-330.png" 
        media="(min-width:330px)">

    <img 
        src="../images/kitten-large-marked-650.png" 
        alt="Picture of large kitten">
</picture>

<img 

    id="thecat" 

    srcset="../images/kitten-large-650.png 650w,
            ../images/kitten-medium-465.png 465w,
            ../images/kitten-small-330.png 330w" 
    
    sizes="(min-width:850px) 650px, 
           (min-width:600px) 465px, 
           330px"

    src="./images/kitten-large-650.png" 

    alt="Large picture of kitten">

img {
    border: 2px solid green;
    width: 100%;
}