Desktop görünümünde resim gizleyip sadece mobil görünümde gösterme hk.

Arkadaşlar merhabalar,

2 adet görsel var elimde farklı boyutlarda.

1. Görsel desktop görünüm için bunu mobilde gizleyip sadece desktop görünümünde gösterebiliyorum fakat 2. görseli desktop görünümünde gizleyip sadece mobilde nasıl gösterebilirim acaba ?

Bu işlemi css ile nasıl yapabilirim ?

Cevap yazan arkadaşlara şimdiden teşekkür ederim.

css de media queryleri araştırabilirsiniz. Bu medida queryler ile ekranın genişliğine göre istediğiniz class a ait görselleri gizleyebilir gösterebilirsiniz.
Mesela;

 .mobil-gorsel { display:none;}
 .pc-gorsel { display:block;}
@media only screen and (max-width:600px) {
.mobil-gorsel { display:block;}
 .pc-gorsel { display:none;}
}

Aşağıda bir örnek belirttim bu mobil için yazılan bir genişlik burda display:none vs yazabilirsiniz kullanmış olduğunuz clasa
@media only screen and (max-width: 600px) {
body {
background-color: red;
}
}

oldu hocam, çok teşekkür ederim.