İç içe divler ve kayma sorunu

Merhaba arkadaşlar.Öncelikle css de çok iyi değilim yeni başladım.Yardımlarınızı beklicem sizden.
Bir tasarımın içerik alanını oluşturuyorum.
İç içe divler mevcut.
İstediğim şekilde


Burda bir gövde div var.
İçerisinde üstteki gölgenin olduğu bir div ve içerisinde h1 ve icon mevcut.icon'a özel stil atayarak uygun yere getirebiliyorum.
Alttaki manzara resmini mevcut div içerisinde .div img{} içerisinde düzenlerken aşağıdaki margin değeri verirken kayma oluyor.
Aslında sorunu manzara resmine class değeri atayarak çözüyorum.Ancak her öğeye özel stil atamanın dışında başka ne yapabilirim.
Sorunlu resim

http://oguzzkilic.com/demo/

Kodları biraz incelerseniz nasıl yapıldığını daha iyi anlarsınız hocam. Takıldığınız yer olursa cevaplarım

demoyu açmıyor kardeşim.

Sunucuda problem var hocam dün açıktı linki verirken kusura bakma.

Şuradan indirebilirsin. Kolay gelsin.

Merhabalar, css ile ilgili bana göre en büyük ve yararlı kaynak üstadın blogudur, yeni bilgiler öğrenmek ve sorularınızın cevaplarını bulmak için adresi vereyim işinize yarayacagından eminim...

http://fatihhayrioglu.com/