Html 如何将2张图片作为背景图片覆盖在两面

我刚开始使用HTML和CSS，我正在尝试制作一个包含两个图像的页面，一个图像覆盖整个左侧，另一个覆盖右侧。这两个图像都必须是可点击的，并且使用不同的分辨率

我试着用2张图片中的1张，并使用坐标使它们可以点击。我注意到这在不同的分辨率下不起作用，所以这不起作用。我也试着让它们覆盖两边，但这对不同的决议也不起作用。我也不能使用javascript，只能使用HTML和CSS学校项目

这是我尝试过的事情之一：

html{ 背景图片：urlimg1.png，urlimg2.png； 背景位置：左、右； 背景重复：不重复，不重复； 背景尺寸：封面，封面； } 预期结果：两张图像，一张在左侧，另一张在右侧，两张图像均覆盖两侧

实际结果：两幅图像相互堆叠

我只是改变了背景大小：50%自动，50%自动

html{ 背景图像：urlhttps://picsum.photos/1280/720, urlhttps://picsum.photos/1920/2080; 背景位置：左、右； 背景重复：不重复，不重复； 背景尺寸：50%自动，50%自动； }

                  for first image   for second image
background-size:  xSize ySize,      xSize ySize;