iOS screenshot error in JIMP when cropping an image received from Appium

Environment (please complete the following information):

• Node.js version: 20.10.0
• NPM version: 10.2.3
• Browser name and version: Safari
• Platform name and version: iOS phone
• WebdriverIO version: 9.12.0
• @wdio/visual-service version: 6.3.3

Config of WebdriverIO + @wdio/visual-service

    [
      'visual',
      {
        // Service options
        autoSaveBaseline: true,
        createJsonReportFiles: true,
      } satisfies VisualServiceOptions, // Ensures type safety
    ]

Describe the bug

Taking a screenshot of a real iPhone 12 fails when Jimp tries to crop the image.

The take screenshot command is sent succesfully and is received by webdriverIO:

but when it tries to call the image-comparison logic Jimp breaks:

To Reproduce
Steps to reproduce the behavior:

The case that I'm testing is similar to the following:

1. Setup a Selenium grid with an appium node that is connected to an iPhone
2. Capability should be 'safari'
3. Configure webdriverio to have a test that runs this:

  await expect(browser).toMatchScreenSnapshot(
    `video-playing-${browserName}`,
    0,
    { scaleImagesToSameSize: false }
  )

Expected behavior

1. The image is able to be saved and processed by webdriverIO.

Log

[0-0] 2025-03-18T19:52:22.944Z INFO webdriver: [POST] http://localhost:4444/wd/hub/session/bff1e65d-9f59-4abb-89d4-23e1d279301d/execute/sync
[0-0] 2025-03-18T19:52:22.944Z INFO webdriver: DATA {
[0-0]   script: 'setCustomCss(...) [1975 bytes]',
[0-0]   args: [
[0-0]     {
[0-0]       addressBarPadding: 0,
[0-0]       disableBlinkingCursor: false,
[0-0]       disableCSSAnimation: false,
[0-0]       id: 'pic-css',
[0-0]       toolBarPadding: 0
[0-0]     }
[0-0]   ]
[0-0] }
[0-0] 2025-03-18T19:52:23.081Z INFO webdriver: RESULT null
[0-0] 2025-03-18T19:52:23.583Z INFO webdriver: COMMAND executeScript(<fn>, <object>)
[0-0] 2025-03-18T19:52:23.584Z INFO webdriver: [POST] http://localhost:4444/wd/hub/session/bff1e65d-9f59-4abb-89d4-23e1d279301d/execute/sync
[0-0] 2025-03-18T19:52:23.584Z INFO webdriver: DATA { script: 'getScreenDimensions(...) [1668 bytes]', args: [] }
[0-0] 2025-03-18T19:52:23.664Z INFO webdriver: RESULT {
[0-0]   dimensions: {
[0-0]     body: { scrollHeight: 260, offsetHeight: 260 },
[0-0]     html: {
[0-0]       clientHeight: 260,
[0-0]       clientWidth: 375,
[0-0]       scrollHeight: 260,
[0-0]       scrollWidth: 375,
[0-0]       offsetHeight: 260
[0-0]     },
[0-0]     window: {
[0-0]       innerWidth: 375,
[0-0]       innerHeight: 260,
[0-0]       isLandscape: true,
[0-0]       outerHeight: 260,
[0-0]       outerWidth: 375,
[0-0]       devicePixelRatio: 3,
[0-0]       screenWidth: 375,
[0-0]       screenHeight: 812
[0-0]     }
[0-0]   }
[0-0] }
[0-0] 2025-03-18T19:52:23.665Z INFO webdriver: COMMAND takeScreenshot()
[0-0] 2025-03-18T19:52:23.665Z INFO webdriver: [GET] http://localhost:4444/wd/hub/session/bff1e65d-9f59-4abb-89d4-23e1d279301d/screenshot
[0-0] 2025-03-18T19:52:24.037Z INFO webdriver: RESULT iVBORw0KGgoAAAANSUhEUgAABGQAAAmECAIAAADMhS/QAAAAAXNSR0IArs4c6...
[0-0] 2025-03-18T19:52:24.458Z WARN @wdio/visual-service:webdriver-image-comparison:images: 
[0-0] #####################################################################################
[0-0]  THE RESIZE DIMENSION RIGHT=0 MADE THE CROPPING GO OUT OF THE SCREEN SIZE
[0-0]  RESULTING IN A RIGHT CROP POSITION=2436.
[0-0]  THIS HAS BEEN DEFAULTED TO '1124'
[0-0] #####################################################################################
[0-0] 
[0-0] RangeError in "DRM Tests.should validate DRM in iOS Safari"
RangeError [ERR_OUT_OF_RANGE]: The value of "offset" is out of range. It must be >= 0 and <= 10952252. Received 10952256
    at boundsError (node:internal/buffer:88:9)
    at Buffer.readUInt32BE (node:internal/buffer:311:5)
    at Jimp.<anonymous> (/Users/andres.f.losada/Documents/Repositories/videoplayertesting/webdriverIO/node_modules/@jimp/plugin-crop/src/index.ts:73:40)
    at scan (/Users/andres.f.losada/Documents/Repositories/videoplayertesting/webdriverIO/node_modules/@jimp/utils/src/index.ts:76:7)
    at Object.crop (/Users/andres.f.losada/Documents/Repositories/videoplayertesting/webdriverIO/node_modules/@jimp/plugin-crop/src/index.ts:72:7)
    at Jimp.Jimp.<computed> (/Users/andres.f.losada/Documents/Repositories/videoplayertesting/webdriverIO/node_modules/@jimp/core/src/index.ts:200:42)
    at cropAndConvertToDataURL (file:///Users/andres.f.losada/Documents/Repositories/videoplayertesting/webdriverIO/node_modules/webdriver-image-comparison/dist/methods/images.js:174:32)
    at async saveWebScreen (file:///Users/andres.f.losada/Documents/Repositories/videoplayertesting/webdriverIO/node_modules/webdriver-image-comparison/dist/commands/saveWebScreen.js:59:32)
    at async checkWebScreen (file:///Users/andres.f.losada/Documents/Repositories/videoplayertesting/webdriverIO/node_modules/webdriver-image-comparison/dist/commands/checkWebScreen.js:22:57)
[0-0] 2025-03-18T19:52:24.614Z INFO webdriver: COMMAND deleteSession()

Additional context

My test is a bit more complex, as is runs inside a webview that is embedded within an app, but the issue seems to be only for this plugin. I am using selenium to do a similar test and there is no error. The same happens when trying nightwatch, so I guess there might be a bug in the Jimp implementation that crops the images.