<div>
    <img src="http://placehold.it/350x150" alt="" />
    <img src="http://placehold.it/350x150" alt="" />
    <img src="http://placehold.it/350x150" alt="" />
    <img src="http://placehold.it/350x150" alt="" />
    <img src="http://placehold.it/350x150" alt="" />
</div>

img {
  float: left;
  margin: 15px;
  width: calc(100% * 1 / 4 - 30px);
}
@media (max-width: 1024px) {
  img {
    width: calc(100% * 1 / 3 - 30px);
  }
}
@media (max-width: 768px) {
  img {
    width: calc(100% * 1 / 2 - 30px);
  }
}
@media (max-width: 480px) {
  img {
    width: calc(100% - 30px);
  }
}