Is there a way to snap objects to the edges when the objects are in some angle?

[sreenandu123]

https://codesandbox.io/s/late-dawn-xcy9c?file=/src/Component/Canvas/editorFunctions.js

As you can see, both the objects are at some angle(60 deg). I was trying to move this green rectangle inside the bigger red rectangle and need to snap this green rectangle to the nearest edge of the red rectangle. I was able to achieve this when the objects are at 0 deg but not able to find a solution for objects which are at some angle.

To be precise, when the user moves the green box inside the red box, image2 to image3 transition should happen.