响应背景图像上的html文本

我想实现以下目标:

哪里有背景图像,上面有文字(文字位置为bootstrap offset-6 col-6)

并为它提供响应.

问题是,与传统背景不同,我确实关心背景图像是如何截断的,无论宽度如何,我都需要手机可见.

我试过了: background: url(background-photo.jpg) center center cover no-repeat fixed;

img关于如何让div高度自动调整到背景大小的隐形技巧？

在所有情况下,手机都会被截断

将不胜感激

编辑:
根据要求 - 原始div结构是:

    

        
Hungry doesn't always happen in the kitchen
    

但我把它改成任何有效的东西都没有问题......