Bootstrap responsivo, imagem

Olá. Estou com um problema que não consigo resolver, estou utilizando bootsrap. Na verdade o problema esta quando tento deixar ele responsivo... segue imagens para explicar melhor:

Deve ficar assim:

O celular deve ficar no final do fundo amarelado!!!

E a imagem de fundo esta assim... em PNG, com este "corte na horizontal" na parte de baixo da imagem:

Imagem do site, com background e img em cima do background:

O background é esse tom amarelado.. a imagem esta em PNG, então este fundo branco abaixo da imagem faz parte do background

Se eu ajustar no CSS com padding/margin eu consigo colocar o celular no final do fundo amarelado. Mas quando diminuir a tela, a imagem do celular irá subir e não ficará no final do tom amarelado... e se eu fixar a imagem do celular no final da div, o celular fica no final do tom branco, como na primeira imagem.

Alguém sabe de alguma possível solução? Não sei mais o que fazer :/