Как я могу убедиться, что мое изображение не загромождено остальным контентом? ⇐ CSS

[Гость]

У меня есть приведенный ниже код для страницы, на которой есть нижний колонтитул, который абсолютно позиционируется в левом нижнем углу основного контейнера. Я сохранил его абсолютным для различных решений, чтобы правильно показать изображение в нижней части слева. Проблема в том, что когда я изменяю размер своего окна, изображение не перемещается и объединяется с кодом выше. < /P>

Код: Выделить всё

          className="flex flex-col relative h-full m-24 px-24 bg-blue-10 overflow-auto"
style={{
backgroundImage: `url(${GmpStaticImages.WhatsNewBackground})`,
backgroundSize: "cover",
}}
>

rest of the content

[img]{WhatsNewFooter}
position: "absolute",
bottom: 0,
left: 0,
paddingBottom: "26px",
}}
alt="FooterImage"
/>

Как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/794 ... he-content