Here is the real life example on how to create responsive images and blur-up technique
Please consider to read this article to understand the purpose of the following approach The technology behind preview photos

mutation Upload ($file: Upload!) {
  imageFile(image: $file) {
    large: resize (width: 1920, height: 1080) {
      webp {
         send(presignedURL: "https://presigned1", method: "PUT", headers: [["X-Header", "X-Value"]])
       }        
    }
    middle: resize (width: 1280, height: 720) {
      webp {
         send(presignedURL: "https://presigned2", method: "PUT", headers: [["X-Header", "X-Value"]])
       }        
    }
    small: resize (width: 960, height: 540) {
      webp {
         send(presignedURL: "https://presigned3", method: "PUT", headers: [["X-Header", "X-Value"]])
       }        
    }
    inline: resize (width: 160, height: 90) {
      blur {
        webp {
          mimeType
          base64
        }        
      }
    }
  }
}