Resimleri boyutlandırma css

Merhabalar, web sitemde ilan resimlerini boyutlandırmak istiyorum ama telefonda doğru gözüken bilgisayarda kötü gözüküyor. Bunu nasıl düzgün yapabilirim?

@media only screen and (max-width: 600px) {/*600px altı cihazlarda çalışır*/
#img{/*Sadece img idsine sahip olan nesnelerde çalışır*/
width:70%;
height:auto;
}
}


@media only screen and (min-width: 601px) {/*601px üstü cihazlarda çalışır*/
#img{/*Sadece img idsine sahip olan nesnelerde çalışır*/
width:40%;
height:auto;
}
}

Üstteki şekilde media query kullanarak responsive yapabilirsiniz iyi geceler.

Hocam affınıza sığınarak şöyle bir düzeltme yapayım. Genelde #img şeklinde bir id ve class olmaz. img#resim veya img.resim yapılabilir.

Arkadaş selector bilgisi vermediği için o şekilde yolladım hocam kendisi değiştirebilir, düzeltme için teşekkürler.