chciałem uzyskać efekt prallax i udało się, lecz nie jest taki jak oczekiwałem. Chciał bym by te 2 zdjęcia były na całą stronę każde lecz nie wiem czemu nie chca się ułożyć. co zrobić ?
Tutoriali na temat tego kiczowatego efektu jest od groma w internecie, a ich wariantów jest jeszcze więcej. Wystarczy poszukać.
Czyli problem jest z rozciągnięciem tej sekcji ze statycznym tłem (paralax) na cały ekran ?
Jest cała masa stron z których można sobie podpatrzeć jak to jest zrobione w html i css. Np. http://flowpix.pl/
Zwykle takie cało ekranowe sekcje to elementy zaraz pod body czy jeszcze jakimś wrapperem, równorzędne wobec siebie.
U Ciebie odpowiednikiem takich sekcji mógłby być .container . Ustawiasz mu 100% u ciebie to jest, kontener zajmuje całą wysokość i całą szerokość. Ja zwykle ta ten element sekcji (u cb byłby to .container) ustawiam background w css i tyle, jest 100% i ułożone ładnie jedno pod drugim, nie ma żadnego nachodzenia na siebie divów czy zasłaniania.
Jak ustawiłeś w .container dla .person i #section1 po 50vh to nie ma się co dziwić, że nie rozciąga na cały ekran :) .