With srcSet

Check this out
It's good
wowza!
<SmallCard
  images={[
    {
      lazyLoad: true,
      src: "https://picsum.photos/seed/example/400/400",
      srcSet:
        "https://picsum.photos/seed/example/400/400 1x, https://picsum.photos/seed/example/800/800 2x",
    },
    {
      lazyLoad: true,
      src: "https://picsum.photos/seed/example/200/200",
      srcSet:
        "https://picsum.photos/seed/example/200/200 1x, https://picsum.photos/seed/example/400/400 2x",
    },
    {
      lazyLoad: true,
      src: "https://picsum.photos/seed/example/200/200",
      srcSet:
        "https://picsum.photos/seed/example/200/200 1x, https://picsum.photos/seed/example/400/400 2x",
    },
  ]}
  title="Check this out"
  subtitle="It's good"
  tag={{
    color: "white100",
    borderColor: "purple100",
    text: "wowza!",
    textColor: "black100",
  }}
/>
Check this out
Check this out
Check this out
Check this out
It's good
wowza!
<SmallCard
  images={[
    "https://picsum.photos/seed/example/400/400",
    "https://picsum.photos/seed/example/200/200",
    "https://picsum.photos/seed/example/200/200",
  ]}
  title="Check this out"
  subtitle="It's good"
  tag={{
    color: "white100",
    borderColor: "purple100",
    text: "wowza!",
    textColor: "black100",
  }}
/>

MediumCard

Check this out
Check this out
It's good
wowza!
<MediumCard
  image="https://picsum.photos/seed/example/400/300"
  title="Check this out"
  subtitle="It's good"
  tag={{
    color: "white100",
    borderColor: "purple100",
    text: "wowza!",
    textColor: "black100",
  }}
/>
On this page
With srcSet
MediumCard