网站样式存在问题。使用较小的浏览器窗口时图像会移动

Question

正如标题所述，并如我的屏幕截图所示，每当我使用较小的浏览器窗口浏览网站时，图像和文本就会移动。我曾尝试在网上搜索类似的问题，但没有发现真正有用的东西。

.top-container {
  background-color: #51555c;
  position: relative;
  padding-top: 100px;
  color: white;
  padding-bottom: 70px;
}

.top-cloud {
  position: absolute;
  right: 340px;
  top: 40px;
  width: 10%;
  height: auto;
}

.sun {
  position: absolute;
  right: 60px;
  top: 80px;
  width: 10%;
  height: auto;
}

.bottom-cloud {
  position: absolute;
  left: 200px;
  bottom: 650px;
  width: 15%;
  height: auto;
}

.paper-plane {
  position: absolute;
  left: 120px;
  bottom: 400px;
  width: 15%;
  height: auto;
}

Pictures of the problem