Javascript 修复有缺陷的JQuery动画

我一直在尝试使用JQuery创建平滑的悬停动画。因此，当你将鼠标悬停在图片上时，图像和文本的大小都会增加

---

但是，当您将鼠标悬停在图像上，文本滚动时，图像会出现问题，正如您在所包含的JSFIDLE中看到的那样。有什么我可以做的，使它更顺利没有文本滚动

您可以使用属性overflow:hidden； 在css类.textboxs中，如下所示：

.textBoxes
{
    display: flex;
    flex-direction:column;
    overflow: hidden;
}

---

我补充说，但是，当你将鼠标悬停在照片上时，文本仍然在移动，而悬停动画仍然有问题