<div style={{backgroundColor: "var(--semantic-background-contextual-adaptive-default-fill)", padding: "16px"}}>
  <DefaultTeaser title={props.title}
    articleType={props.articleType}
    introduction={props.introduction}
    label={props.label}
    subLabel={props.subLabel}
    size={props.size}
    link="#"
    image={
      <img
        src="https://picsum.photos/id/498/600/400"
        alt="image of a chameleon"
      />
    }
    premium={props.premium}
    prefix={props.prefix}
    orientation={props.orientation}
    highlight={props.highlight}
    inset={props.inset}
    comments={props.comments}
    editorialLabel={props.editorialLabel}
    editorialAnimation={props.editorialAnimation}
    prefix={props.prefix}
    duration={props.duration}
  />
</div>