CSS Resim boyutu düzenleme

Merhaba herkese
Sitemde ufak bir değişiklik yapmak istiyorum ama saatlerdir araştırmama rağmen soruna çözüm bulamadım. Sanırım Google'da nasıl arayacağımı bilmiyorum. CSS ve HTML burada
http://cssdeck.com/labs/collab/uyu1ucgp

Bu resmin boyutlarını ve masaüstü sürümdeki konumunu nereden değiştirebilirim? Masaüstünde mesela http://clayzen.com/bakirkoy/ buradaki şekilde iki adet görsel yan yana kullanmak istiyorum. Mobilde yine bu linkteki http://clayzen.com/bakirkoy/ resimlerin alt alta ve bu en boy ölçülerinde ekrana sığacak şekilde çıkmasını istiyorum. Nasıl yapabilirim?
Teşeşkkür ettim şimdiden.

TIKLAYIN

yardımcı olacaktır.

1- HTML CSS olarak bootstrap frameworkunu bir araştırın. Grid (Izgara) sistemini öğrenin.
2- Responsive Image olarak google'da arayın.
3- CSS'te ilgili resmi sınıfına

  .resim {
  max-width: 100%;
  }

verirseniz örnekteki gibi yapabilirsiniz.
Tavsiyem kesinlikle Bootstrap öğrenmeniz.

@media (max-width: 767px){
    table td img {
        display: block;
        margin: 0 auto;
    }
    table td {
        display: block;
    }
    
}
Bu kodlar işini görecektir. Fakat sitede başka sayfalarsa sorun çıkmaması için aşağıdaki gibi kullanırsan daha sağlıklı olur.
HTML:
<table class="tablename">
CSS
@media (max-width: 767px){
    table.tablename td img {
        display: block;
        margin: 0 auto;
    }
    table.tablename td {
        display: block;
    }
    
}