Answer 1

I see it enlarged

The enlarged square is getting out of the screen.

To solve it, add transform-origin

transform-origin: 0% 0%;

Fix:

https://code.sololearn.com/W9l8duFPYWSr/?ref=app

To learn more:

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin