javascript - NextJS Image コンポーネントがインライン CSS に応答しない

Question

NextJS の Image コンポーネント内のスタイリングで画像を操作できないのはなぜですか。何か不足していますか？

<Image className={styles.bg}
        style={{ transform: `translateY(${offset * 0.5}px)` }}
        src="/../public/bg.jpg"
        // width={2049}
        // height={2049}
        // objectFit="cover"
        layout="fill"
        quality={100}
      />