Resimleri Yanyana Ekrana Duyarlı Göstermek

Biraz araştırdım ama bulamadım. 200x100px boyutunda 6 resimi geniş ekranda yan yana göstermek istiyorum. Ama çözünürlük mobilde küçüldüğü için 500pxden sonra 3 tane yanyana sonra alta geçip 3 tane daha yanyana nasıl gösterebilirim?

Şu şekilde bir basit kodu kullanabilirsiniz.

<style>
.img img {
width: 200px;
height: 100px;
}
</style>
<div class="img">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
<img src="https://www.gucluanadolugazetesi.com/wp-content/uploads/manzara-resimleri-23.jpg">
</div>