How to make the Next Image always fit the parent container while staying fully visible

Thanks for the heads-up! Here is the updated version

New syntax is fill="true"

I'm pretty sure, the `objectFit` prop is deprecated. Instead, just add the object-fit css property

Looks like a classic CSS challenge, just set the image to max-width 100% and height auto for that perfect fit

use objectFit in the inline-styles. it’s been deprecated as a props in next/image

he's back!!

Deprecated?

i hate next image

You don’t write width and height?

Do you know of an easy way to do a dynamic gradient on the edges that uses colors from the image?