Image with caption and copyright mock data

media:
  $ref: /elements/media-template
  is_portrait: false
  legal: copyright
  caption: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, rerum!
  image:
    $tpl: elements/image
    width: 288
    height: 255
    src: https://via.placeholder.com/288x255
    alt: Alternative text
    sources:
      - width: 261
        height: 231
        srcset: >-
          https://via.placeholder.com/261x231 1x,
          https://via.placeholder.com/522x462 2x
        media: '(max-width: 35.5625rem)'
      - width: 456
        height: 403
        srcset: >-
          https://via.placeholder.com/456x403 1x,
          https://via.placeholder.com/912x806 2x
        media: '(min-width: 35.625rem) and (max-width: 59.9375rem)'
      - width: 294
        height: 260
        srcset: >-
          https://via.placeholder.com/294x260 1x,
          https://via.placeholder.com/588x520 2x
        media: '(min-width: 60rem) and (max-width: 79.9375rem)'
      - width: 288
        height: 255
        srcset: >-
          https://via.placeholder.com/288x255 1x,
          https://via.placeholder.com/576x510 2x
        media: '(min-width: 80rem)'
headline: Berichten Sie vom Spenden
subline: Und helfen Sie uns so noch mehr Gutes zum tun
copy: >-
  Jede Spende zählt! Motivieren Sie durch Ihren Beitrag Freunde, Familie und
  Bekannte dazu es Ihnen gleich zu tun und uns zu unterstützen.
share:
  $ref: /elements/share
  centered_on_mobile: true
  url: https://random.url

Close