Allow zoom in on main product image for mobile

[Dpschu2]

What?

Allow zoom in on main product image for mobile

Requirements

• CHANGELOG.md entry added (required for code changes only)

Tickets / Documentation

Add links to any relevant tickets and documentation.

• Link 1
• ...

Screenshots (if appropriate)

Attach images or add image links here.

[Dpschu2]

Ready for review

[BC-krasnoshapka]

hi @Dpschu2 ,

Our CI build fails with npm install errors (see below). Does it work for you?

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: eslint-config-airbnb@19.0.4
npm ERR! Found: eslint@9.4.0
npm ERR! node_modules/eslint
npm ERR!   dev eslint@"^9.4.0" from the root project
npm ERR!   peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.0
npm ERR!   node_modules/@eslint-community/eslint-utils
npm ERR!     @eslint-community/eslint-utils@"^4.2.0" from eslint@9.4.0
npm ERR!   1 more (babel-eslint)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer eslint@"^7.32.0 || ^8.2.0" from eslint-config-airbnb@19.0.4
npm ERR! node_modules/eslint-config-airbnb
npm ERR!   dev eslint-config-airbnb@"^19.0.4" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: eslint@8.[5](https://github.com/bigcommerce/cornerstone/pull/2468/checks#step:6:6)7.0
npm ERR! node_modules/eslint
npm ERR!   peer eslint@"^[7](https://github.com/bigcommerce/cornerstone/pull/2468/checks#step:6:8).32.0 || ^8.2.0" from eslint-config-airbnb@19.0.4
npm ERR!   node_modules/eslint-config-airbnb
npm ERR!     dev eslint-config-airbnb@"^1[9](https://github.com/bigcommerce/cornerstone/pull/2468/checks#step:6:10).0.4" from the root project

[bc-yevhenii-buliuk]

@Dpschu2 could you also add screenshots or video recordings that show the changes in the description of your PR? Thanks!