I'm using the next/image component and have set a priority so it preloads the image as it's above the fold content. However, it doesn't seem t be applying for some reason. Can anyone suggest why that may be? Here is my image component:

const itemTemplate = (item) => {
    const imagePath = getImagePath(agent, item.url);

    return (
        <Image
            loader={(props) => imgixLoader(agent, props)}
            src={imagePath}
            priority={true}
            fill={true}
            sizes="(min-width: 992px) calc(70% - 2rem),
                    100vw"
            alt="Property image"
        />
    );
};