Cloudinary resize

resize.tsx

  const cld = new Cloudinary({
    cloud: {
      cloudName: "slashclick",
    },
  });
  const myImage = cld.image(popout);
  const srcSetOptions = [
    { width: 200, transformation: scale().width(200) },
    { width: 400, transformation: scale().width(400) },
    { width: 600, transformation: scale().width(600) },
    { width: 800, transformation: scale().width(800) },
  ];

  const srcSet = srcSetOptions.map((opt) => ({
    src: cld.image(popout).resize(opt.transformation).quality("auto").toURL(),
    width: opt.width,
  }));