[Bootstrap] - problem z skalowaniem zdjęć i ich mobilnością

Witam wszystkich,

 

słowem wstępu - dla zabicia czasu i chęci nauczenia się bootstrapa (oraz całego html5 oraz css3) zacząłem tworzyć taką stronkę dla siebie. Niestety natknąłem się na pewne trudności z którymi nie mogę sobie poradzić - umysł nie pozwala mi przeskoczyć z programowania sterowników w C ;p

 

link do stronki na której występuje problem:

 

http://drevni.prv.pl/aboutus.html

 

jak widać przy pełnowymiarowym oknie wszystko wygląda dość ładnie - jak na moje skrzywione zmysły graficzne. I teraz:

 

jak szerokość okna przeglądarki spadnie poniżej 1200 obrazki (ludziki) “schodzą” jeden pod drugiego.

 

  1. Co zrobić i jak zrobić aby zdjęcia do rozdzielczości 768px skalowały się jak ich tło?

  2. Co zrobić i jak aby poniżej rozdzielczości 768px zdjęcia ułozyły się jedno pod drugim a teksty pojawiły się obok zdjęć- po kliknięciu na ludzika ładuje się tekst za pomocą js.

 

Będę wdzięczny za sugestie.

 

Pozdrawiam