Next.jsのImageにスタイリングを適用する方法

問題

<Image
 src={people.icon.url}
 width={80}
 height={80}
 alt="people-image"
 unoptimized={process.env.NODE_ENV === 'development'}
/>

上記のImageコンポーネントがあるとしてアバターなので丸くしたいがpropsにstyleを渡すことができない。
(styleはImageのpropsにないというエラー)

解決策はnext.jsのissueに上がっていました

<>
  <Image className="avatar" src="./whatever.jpg" width={30} height={30} />
  <style jsx global>{`
    .avatar {
      border-radius: 50%;
    }
  `}</style>
</>

styleタグを追加してその中でプロパティーを追加してImageタグにclassNameを設定することで画像が丸くなり正常にスタイリングされました。

ただ、、、、、、、、