öncelikle html kodlarımızı yerleştirelim.

<div class="resimler">

<img src="resim-adresi" alt="alt isim" witdth="100" height="100" />
<img src="resim-adresi" alt="alt isim" witdth="100" height="100" />
<img src="resim-adresi" alt="alt isim" witdth="100" height="100" />
<img src="resim-adresi" alt="alt isim" witdth="100" height="100" />

<div>

.resimler img {width:25%;float:left;padding:5px;}

/* tablet için */
@media screen and (min-witdh:768px) and (max-width:1023) {
.resimler img {width:25%;float:left; padding:5px;}
}
/* mobil için */
@media (max-width:768px) {
.resimler  img {width:50% !important;float:left;padding:5px;}
}

gibi bir örnekleme ile yapabilirsin sanırım kodları kafamdan yazdım test etmedim test edip geri dönüş sağlarsan akşam detaylıca yardımcı olurum.