[PWA-261] [SAFARI][DESKTOP][CLOUD] Default swatch image ratio is not proper on product details page

[tjwiebell]

Description

URL - /valeria-two-layer-tank.html

/valeria-two-layer-tank.html

-Steps –

Hit any of the above cloud deployed URL in SAFARI browser on desktop.
Observe the first default swatch image.
Corrected Steps (if you don't see behavior, be sure to clear all caches)

Navigate to Category page to preload thumbnail images (/venia-tops.html)
Then navigate to a PDP (/vitalia-top.html)
Observe aspect ratio of thumbnail and main image (appears to be serving from service worker cache, then applying cropping again)
Expected - All swatch images should have right ratio.

Actual - First swatch image ration is not proper.

Note -

1. Works fine on 4.0.0 Magento Cloud https://venia.magento.com/

2. Works fine on 5.0.0 AWS deployed instances (https://pr-2043.pwa-venia.com/valeria-two-layer-tank.html). Issue only with Magento Cloud deployments.

Related Issue

• [PWA-261] [SAFARI][DESKTOP][CLOUD] Default swatch image ratio is not proper on product details page

Acceptance

Verification Stakeholders

Specification

Verification Steps

1. Start Venia with Service Workers enabled, a Fastly backend, and IMAGE_OPTIMIZING_ORIGIN=backend
2. Follow steps in description for repro and verify issue no longer exists
3. Navigate around other pages with images and verify no regressions introduced with image aspect ratio

Screenshots / Screen Captures (if appropriate)

Checklist

• I have updated the documentation accordingly, if necessary.
• I have added tests to cover my changes, if necessary.

[PWAStudioBot]

	Messages
📖	Access a deployed version of this PR here. Make sure to wait for the "pwa-pull-request-deploy" job to complete.
📖	DangerCI Failures related to missing labels/description/linked issues/etc will persist until the next push or next nightly build run (assuming they are fixed).
📖	Associated JIRA tickets: PWA-261.

Generated by 🚫 dangerJS against 0bc0af7