Html 如何将图像置于顶部，但仍能响应？

我希望这四张社交媒体图片位于顶部，但我想取代底部的

：60px与其他内容在.social上。因为如果你使用其他小屏幕设备，它就会离开屏幕，也就是说60px向上（没有响应）

这可能使它更容易理解


正文{
宽度：100%；
身高：100%；
边际：0px；
填充：0px；
背景：url(https://i.ibb.co/VH659W4/background.jpg)无重复中心固定；
背景尺寸：封面；
}
.行{
显示器：flex；
z指数：2；
证明内容：中心；
}
.社会{
位置：相对位置；
z指数：2；
高度：15px；
宽度：15px；
底部：60px；
}
#标题{
位置：相对位置；
显示：块；
左边距：自动；
右边距：自动；
宽度：100%；
z指数：1；
}

DJ朱默
理想情况下，如果您希望图像位于图像的顶部（上方），您可以通过将
.social
元素移动到独立