Image teaser

// src/components/elements/image-teaser/schema.yaml

$schema: http://json-schema.org/draft-07/schema#
$id: /elements/image-teaser
additionalProperties: false
required:
  - url
  - label
  - image
properties:
  url:
    type: string
    format: uri-reference
  label:
    type: string
  image:
    type: string
    format: html

// src/components/elements/image-teaser/mocks.yaml

label: this is a link to the instagram post
url: url
image:
  $ref: elements/image#image-teaser
  $tpl: elements/image

// src/components/elements/image-teaser/image-teaser.html.twig

<a href="{{ url }}" class="ImageTeaser{% if class %} {{ class }}{% endif %}">
  {{ image }}
  <span class="u-hiddenVisually">{{ label }}</span>
</a>