Html 当我调整屏幕大小时，图片保持在相同位置的问题

目前，我正在使用HTML、CSS和JavaScript制作一个游戏。现在我在网站的首页，对职位有问题

当我调整屏幕大小时，我希望我的“开始按钮/图像”与背景一起调整到相同的位置。 现在，我的“按钮”无法跟随，当屏幕足够小时，它们就会从屏幕上消失。HTML中有一些类我用于动画和JavaScript，所以不要介意它们

我一直在寻找类似的问题，但当我试图实现它时，仍然不明白

#屏幕{
位置：相对位置；
左边距：5px；
右边距：5px；
边缘顶部：5px；
宽度：50w；
高度：55vw；
边框：2个红色实心；
溢出：隐藏；
}
#比赛开始{
宽度：100%；
身高：100%；
位置：相对位置；
z指数：1；
}
#启动按钮{
宽度：35vw；
身高：35vw；
位置：绝对位置；
顶部：50px；
z指数：3；
填充顶部：448px；
左侧填充：362px；
}
#启动按钮2{
宽度：35vw；
身高：35vw；
位置：绝对位置；
顶部：50px；
z指数：2；
填充顶部：457px；
左侧填充：366px；
}