屏幕分散字母、悬停图片及链接问题调试求助

我是编程新手，最近在调试个人 portfolio 时遇到两个棘手问题：

• 屏幕分散字母的交互功能在@media screen的响应式环境下完全无法正常运行
• 联系链接在桌面和响应式两种环境下都消失了

我试着修改CSS和JS代码，但每次修复其中一个问题，另一个问题就会冒出来，陷入了死循环。我的代码仓库地址是：https://github.com/milanawood/portfolio，希望能得到大家的指导，帮我解决问题的同时提升编程能力！

内容的提问来源于stack exchange，提问作者Milana Wood