如果已经回答道歉，我找不到正确的信息
大家好
我很难找到我认为解决这个问题的简单方法。
www.keepdry.co.uk
在小屏幕（手机等）中，图像重叠，徽标消失在球门柱后面。在大屏幕中，它们相隔足够远，可以分开。
我确信答案很简单，但我需要做些什么才能让图像缩小，具体取决于屏幕尺寸/分辨率，但整个图像的宽度最小，以免扭曲太远。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//HU" "w3.org/TR/html4/loose.dtd">;
<html>
<head>
<title> keepDRY.co.uk </title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
</head>
<body>
<div id="players"></div>
<div id="logo"></div>
<div id="fence"></div>
<div id="carabiner"></div>
<div id="pouch"></div>
<div id="comingsoon"></div>
</body>
</html>