Masaüstü ve Mobilde farklı görünen fotoğraf

Merhaba arkadaşlar site bakım aşamasında fotoğrafını ekledim masaüstünde düzgün görünüyor ancak mobilde çok büyük kaçıyor.

Her iki taraftada sorunsuz çalışması için ne yapabilirim ?

@media only screen and (max-width: 600px) {
}

Bu şekilde de olabilir;
Bunu css dosyasının en altına eklerseniz olması lazım.

@media only screen and (orientation: portrait)
{
/* resimi burada seçmeniz gerekiyor.
Örnegin resime class="underConstructionImg"
Classını eklediyseniz;
*/
img.underConstructionImg
{
width: 90%;
}
}


css'de min-width'e de dikkat etmeniz gerekiyor