Bootstrap垂直对齐文本与响应式图像

Question

我在垂直对齐文字时出现问题，该文字显示在我的图片上方。它适用于一种分辨率，但随着图像高度的变化，文本不再垂直对齐。

我认为问题出现在这一行：<div class="block" style="height:100%;"> 如果我可以在调整大小时将高度变量更改为图像的大小，那么我认为它会起作用，但我不知道该怎么做。

我的问题的HTML和CSS代码是一个小提琴。

CODE HERE

非常感谢任何帮助，谢谢！