<Image src={gallery.image} alt={`Image ${gallery.id + 1}`} width={500} height={500} objectFit=”cover” priority onLoadingComplete={({ naturalWidth, naturalHeight }) => handleImageLoad(gallery.image, naturalWidth, naturalHeight) } className=”h-[418px] w-full object-cover hover:cursor-pointer” /> const handleImageLoad = (src: string, width: number, height: number) => { setImageDimensions((prev) => ({ …prev, [src]: { width, height } })) } const handleImageLoad = (src: string, width: number, height: number) […]