我需要帮助来创建此滑块结构

问：

大家晚上好，相信我们都做得很好。 请问我需要有关如何完善我创建的幻灯片的帮助。

我创建了一个滑块，里面有 2 个不同的容器，一个用于图像，另一个用于详细信息。 图像的左侧 5rem 宽度为 55%，细节的右侧 0 宽度为 50%，与图像容器重叠。

然后，在中型和小型屏幕上，图像容器将位于详细信息容器上方。图像容器将位于详细信息容器的顶部，但是，分页将位于图像容器和详细信息容器之间。 如果有人能帮忙，我将不胜感激 我已经尝试创建它，但它在不同的媒体屏幕上看起来很丑。此外，图像容器和详细信息容器的定位方式与我想要的不同。 在中型和小型屏幕设备上，我希望图像位于顶部，而详细信息容器位于底部。分页将位于图像容器和详细信息容器之间 50% 转换 translateY -50%