如何修复：CSS转换缩放在导航栏中溢出

Question

我正在建立一个个人网页，但遇到一个问题，.project-tile:hover中的css转换比例使导航栏溢出。

我尝试在导航栏中添加z-index:1，但是没有用。

这是我的代码的实时演示：https://codepen.io/LittleGrayay/pen/wbqMqB

我希望变换比例始终在导航栏下方，但是变换会使导航栏溢出。