Picture Example

data.yaml

# For the Hero the author has the option to upload 3 images
# Appropriate labels could be Mobile, Tablet and Desktop
# Mobile (dimensions: 1024x768) would be the default image
# Tablet (dimensions: 1400x1024) would be visible for viewports >= 768
# Desktop (dimension: 1920x1080) would be for viewports >= 1024

hero-image:
  source:
    - srcset: "http://placehold.it/1920x1080"
      media: "(min-width: 1024px)"
    - srcset: "http://placehold.it/1400x1024"
      media: "(min-width: 768px)"
  src: "http://placehold.it/1024x768"
  alt: "Foo bar"