Нужна помощь для моего проекта с использованием React+GSAP Flip [закрыто] ⇐ CSS

[Anonymous]

Я пытался воссоздать проект CodePen, который видел на днях. Вот проект CodePen, который я пытаюсь воспроизвести.(https://codepen.io/cmalven/pen/RwGqewd?editors=0110)

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

[img]https://xl.movieposterdb.com/07_12/2006/414993/xl_414993_0cbd42ba.jpg[/img]






[img]https://xl.movieposterdb.com/20_06/2017/5109784/xl_5109784_051e160f.jpg[/img]






[img]https://xl.movieposterdb.com/10_09/2010/947798/xl_947798_f9a08ddf.jpg[/img]






The Fountain
Science Fiction

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui.

Mother!
Horror

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui.

Black Swan
Psychological Thriller

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui.

Я много работал и потратил много времени на совершенствование этого, но мне не удалось добиться того же результата. Я подозреваю, что проблема может быть связана с CSS в моем проекте. Вот мой проект на StackBlitz.(https://stackblitz.com/edit/gsap-react- ... 2Findex.js)
Я верю в обучение на практике, поэтому, если есть какие-то ошибки, которые кажутся очевидными, укажите на них. Кроме того, если я пропустил отметку в определенных местах, я был бы признателен за любой совет, как это исправить.
Я хочу добиться такого же результата, как тот, который кажется в codepen. Щелкните изображение, и контейнер всегда должен появляться в левой части экрана.
Спасибо за помощь!

Подробнее здесь: https://stackoverflow.com/questions/786 ... tgsap-flip