Почему мое изображение не отображается в этом CSS? ⇐ CSS

[Anonymous]

Итак, я новичок в программировании и пытаюсь создать страницу входа в свое приложение React. И мне нужно разместить изображение слева, изображение справа и компонент «Карта входа» в центре.

return ( /дел> /дел> ) Я ожидал увидеть страницу, на которой мое левое изображение будет слева, правое изображение справа и компонент карточки посередине. Я попытался поместить все в родительский контейнер, создав компонент карты и левое или правое «позиционирование: относительное», а оставшееся левое/правое изображение: позиция: абсолютное: «Я также пытался использовать Grid/Flexbox, у меня также есть попробовал поиграться с Z-индексом, сделать их все одинаковыми. Но на самом деле произошло то, что я вижу только компонент моей карты с левым изображением, ИЛИ компонент карты с правым изображением. Любая помощь будет принята с благодарностью! Спасибо!