A więc problem polega na tym że chcę u pozycjonować dwa div,y odpowiednio na prawej i lewej połowie strony. Sytuacja skomplikowała się w momencie kiedy zacząłem je animować. Aby animacja była w pełni funkcjonalna potrzebuję dwóch takich samych pojemników ze zdjęciami po obydwu stronach, ponadto w tych pojemnikach potrzebuję mieć dwie warstwy jedną nad i jedną wy maskowaną podwarstwę o dokładnie takiej samej wielkości co jej odpowiednik w kontenerze (animacją będzie wizytówka, która obracając się po obydwu stronach ma różne informacje). Próbowałem zrobić dwa pojemniki z position: relative, a w nich umieścić dwa kolejne pojemniki o odpowiednich wymiarach z position: absolute wszystko działało do momentu kiedy nie zacząłem pozycjonować pojemnika który był po prawej stronie, po dodaniu position: absolute wyrzucało go poza okno przeglądarki pozostawiając jedynie tło, które ustaliłem dla jego rodzica. Dosyć rzadko mam okazję programować w web-designie dlatego zwracam się z uprzejmą prośbą do bardziej doświadczonych kolegów :)
Link do codepena:
https://codepen.io/kapiko112/pen/WmwWMG