add-thumbnail.jsx

<ul className={styles.list}>
  {blog.map(blog => (
    <li key={blog.id}>
      <Link href={`blog/${blog.id}`}>
        <a>
          <div>
            {blog.image ? (
              <picture>
                <source srcSet={blog.image.url + "?w=160&h=160&fit=crop&dpr=2 2x"} />
                <img src={blog.image.url + "?w=160&h=160&fit=crop"} alt="" />
              </picture>
            ) : (
                <div className={styles.noImage} />
              )}
          </div>
          {blog.title}
        </a>
      </Link>
    </li>
  ))}
</ul>