I'm trying to display a static image that spans the full height and width of my page, but it's not working as expected. Any ideas on how to fix this issue? You can find the image and code below.
import Image from './image.jpg'
var containerStyle = {
width: "100%",
height: "400px",
backgroundImage: `url(${Image})`,
backgroundPosition: 'center',
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat'
};
export default function Navbar() {
return (
<div>
<img style={containerStyle} />
</div>
);
}