Połączenie dwóch zdjęć w jedno CSS RWD

Question

Hej, mam problem z połączeniem dwóch zdjęć w jedno za pomocą CSS i background: url();

Dla przykładu wrzucę tutaj dwa ZDJĘCIA z pliku psd połączone ze sobą za pomocą CSS tworząc całą stronę.

Gdy zaczniecie ruszać szerokością to w pewnym momencie wszystko wygląda ładnie a gdy proporcje wyświetlania będą większe niż 2:1 (width : height) to w miejscu gdzie jest drugi fotel wszystko się rozjeżdża.

kod: https://codepen.io/anon/pen/LxXLBM

liveview: https://htmlpreview.github.io/?https://github.com/emancypage/zdjecia2/blob/master/index.html

Chodzi mi o to, jak połączyć te dwa zdjęcia, aby pierwsze zawsze miało 100vh gdy użytkownik jest na samej górze strony, a drugie było idealnie złączone z tym pierwszym, niezależnie od szerokości i wysokości ekranu.

Comments

dobra, widzę, że nikt nie podejmuje rękawicy. Może źle wytłumaczyłem o co mi chodzi.

Ogólnie poradziłem sobie stosując @media (min-aspect-ratio: width/height) w ten sposób, że gdy psują mi się zdjęcia, nadaję im wysokość już na sztywno i tyle.

To tak jakby ktoś miał podobny problem.

Pozdro