How to properly adapt images to a width less than 480px?

Question

css

I am adapting the site, there are 3 pictures in a row. When they get small I make them 100% wide and remove the floats. Here's what happens screenshot.ru/c87584898ddacd5e2f813113f0598911 As for me, it's somehow not beautiful 3 large pictures go down, carelessly. Can they be pushed into the slider if the width is less than 480px?

Answer 1

Let the designer who made the design tell you. You can shove it into the slider, or you can leave it like that, it seems normal

Answer 2

/* стили родительского элемента картинки */
div {
position:relative;
}
/* стили картинки */
img {
position:absolute;
margin: auto;
position: absolute;
width:100%;
heigth:auto;
top:0;
left:0;
right:0;
bottom:0;
/* centering the object*/
}