Как сделать адаптивные картинки подряд?

Question

[Berkutman]

Всем привет, есть картинки как расположить их в ряд и сделать адаптивность . Что бы уменьшались при изменении размера экрана

<section class="rp" id="rp">
      <div class="container">
        <h2 class="text-center text-uppercase text-secondary mb-0">Процесс работы</h2>
      </div>
	  <div class="rposn">
    <img src="../img/5.png" >
    <img src="../img/4.png" >
    <img src="../img/3.png" >
    <img src="../img/2.png" >
   <img src="../img/1.png" >
  </div>
	</section>

Answer 1

[Stimulate]

jsfiddle.net/6aotrysu/3

Comments

[Berkutman]

Спасибо, но они вышли размазанные.

[Андрей]

Berkutman, высоту не указывайте

[Stimulate]

Berkutman, не указывай высоту, я ее указал из-за того, что фактических картинок не было

[Berkutman]

Спс

Answer 2

[MrStan1slav]

https://jsfiddle.net/MrStan1slav/Lo68pdcw

Comments

[Berkutman]

Спасибо, можно ещё сделать при наведении они увеличивались немного ?

[MrStan1slav]

Berkutman, можно добавить transform:scale(1.1); при наведении.
Я отредактировал пример.