Parallel image optimization

import Image from 'next/image';

function ResponsiveOptimizedImage() {
  return (
    <div>
      <Image
        src="/path/to/image.jpg" // The base image path
        sizes="(max-width: 750px) 100vw, (max-width: 980px) 50vw, 33vw" // Define responsive image sizes
        srcSet={`
          /path/to/image_small.jpg 750w,  // Define different image paths for different resolutions
          /path/to/image_medium.jpg 980w,
          /path/to/image_large.jpg 1440w
        `}
        width={1440} // Specify the width of the largest image
        height={900} // Specify the height of the largest image, maintaining the aspect ratio
        alt="A description of the image"
        layout="responsive" // Layout responsive adjusts the image size dynamically
      />
    </div>
  );
}

export default ResponsiveOptimizedImage;