How to set the next/image component to 100% height

This is what worked for me.

with next/image:

<div style={{width: '100%', height: '100%', position: 'relative'}}>
  <Image
    alt="Mountains"
    src="https://stackoverflow.com/mountains.jpg"
    layout="fill"
    objectFit="contain"
  />
</div>

and with next/future/image:

<Image
    fill
    alt="Mountains"
    src="https://stackoverflow.com/mountains.jpg"
    sizes="100vw"/>

next/future/image