Merhaba wordpress sitemde bazı özel sayfalarda resimlerin css kodları bu şekilde.

.resmim {
     margin-bottom: 5px;
     margin-top: 5px;
     padding-bottom: 5px;
     padding-top: 5px;
     text-align: center;
}

Yapmak istediğim gösterilen resimin üst kısıma sığacak şekilde bir logom var onu yerleştirmek istiyorum. Şuradaki gibi ; http://prntscr.com/jndspj

Eklemek istediğim logo giriş yapan kullanıcı tarayıcısına göre aşağıdaki gibi;
1024px ve üzeri görüyorsa : Büyük logo
400px-1024px arası görüyorsa: Orta logo
300px-400px arası görüyorsa: Küçük logo
şeklinde yerleşsin istiyorum. Çünkü resimde o tarayıcıya göre büyük yada kücük gösterileceğinden taşma veya küçük kalma olmasın diye bu şekilde tercih ediyorum.
Logo %50 falan saydam olursa daha hoş durur diye düşünüyorum bunuda ayarlayabilirsek süper olur.

Yardımcı olabilecek varsa sevinirim.