Ana Sayfadaki fotoğrafı responsive yapmak

Selâmlar,
Hazırladığım web sayfasındaki ilk section 'da arka plana bir fotoğraf ekledim.
Masaüstünde gayet iyi görünüyor fakat tablet ve telefonlarda uyumlu görünmüyor.
Sitedeki her şey mobil uyumlu ama sitenin açılışında ekrana gelen fotoğrafı bir türlü ayarlayamadım.
Yardımcı olabilirseniz çok memnun olurum.

Web adresi: http://www.hautekorsett.com/

Teşekkür ediyorum.

mobilde iken konum degiştirebilirsiniz. left center gibi. veya mobilde baska gorsel ekleyin

İlginiz için teşekkür ediyorum. Fakat bu söylediklerinizi tam olarak nasıl yapabileceğimi bilmiyorum.
Şöyle bir yol aklıma geldi ve denedim ama tam istediğim gibi olmadı; section kısmında background resmini kaldırdım ve col-lg-12 col-md-12 vs .grid şeklinde bir çerçeve oluşturup içine img src ile fotoğraf ekledim ama sağ ve solda boşluklar kaldı, onları halledebilsem responsive olmuş olacaktı. Dediğim gibi, tarifinize gerçekleştirecek bilgiye sahip değilim maalesef.
Teşekkürler.

Hocam tam olarak nasil responsive olur fikrim yok, ama siteyi gördümde söyliyim dedim. Bircok Kelimede Hata var, yani yanlis yazilmis Bilginiz olsun. Birimi cevirdi, google translate mi kullandiniz bilmiyorum. Ama gercekden satis icin kullanilacaksa, böyle yazim hatalari müsteri kacirabilir belki.

Teşekkürler Sn. KaRaLiM,
Şu an için google translate ile çevirip ekledim.
Yarın Köln şubemizdeki arkadaşlar tek tek inceleyip doğru cümleleri bildirecekler.
O konuda bilgim var yani, çok tşeekkürler.

1. seçenek olarak o section'un css ayarlarına background-attachment: fixed; kodu eklemeniz olabilir.
2. seçenek olarakta background-position: left kodunu kullanabilirsiniz. Left yerine right, center,top veya bottom verebilirsiniz.

Çok teşekkürler Çağrı Bey, position:right yapınca çözüldü.
Hayırlı akşamlar.

Tekrar merhaba,
Dün Sn. uckan'ın önerdiği çözümleri denemiştim ve çözüm olduğunu düşünmüştüm, tarayıcı ekranını mobil boyuta aldığımda arka plandaki fotoğraf görünüyordu fakat telefondan siteye girince arka plânda resim görünmüyor.

Burada her şey normal görünüyor..
http://ami.responsivedesign.is/?url=...korsett.com%2F

Fakat telefondan bakınca hatun görünmüyor..
Bu durumu nasıl çözebilirim, fikri olan var mı acaba?

Teşekkürler.

Merhaba;
bu şekilde birdedeneyin.

.home {
    background-size: cover;
    position: relative;
    padding-top: 300px;
    padding-bottom: 320px;
    width: 100%;
    background: url(../images/home-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Navbar'ın ve logonun da daha iyi gözükmesi için şu kodu ekleyin.

@media (max-width: 543px) {
    .navbar-brand {
        padding: 0px 25px;
    }
    .navbar-brand img {
        max-width: 50%;
    }
}