Aspect ratio and resize

[Barahten]

I am trying to achieve resizing of an element while maintaining aspect ratios. An example is available at this link https://codepen.io/cwgsfnxp-the-looper/pen/xxoXeew.

Try stretching the red block to the full width of the gray one. As soon as the width of the red block becomes equal to the width of the gray parent block, further resizing becomes impossible from any side or corner.

Also, if you leave only the restrictRect() modifier, when resizing the element to the width of the parent, it makes further horizontal resizing impossible - only vertical resizing works