Html 使用时添加边距

我使用的是引导和导航栏，导航栏上安装了顶级导航栏。 下面是一个内部有图像的div（屏幕全宽，高度400px）

问题是，由于我的导航栏有背景色，导航栏会出现在图像上。我试图在图像上添加一个边距上限：80px，效果很好，但当我低于769px XXXpx时，导航栏和图像之间会出现一个空格。我知道，在调整窗口大小时，此空间来自边距顶部，但如何将图像设置在导航栏下方，而不添加边距顶部，使其正确显示

---

我认为这是一个简单的问题，所以我没有在我的帖子中添加代码，如果需要，我会添加代码。

尝试将图像的CSS规则包装在

@media (min-width: 768px) {
    your CSS rule for image margin-top: 80px here
}