Center Align 3 Images & Make it Reponsive

I am using the following code on this page to center align 3 images at https://prime-tshirts.com/kids-babies/

<div id="outer" style="width: 100%;">
<div id="inner">

<image 1> <image 2> <image 3>

</div>
</div>

CSS

#inner { display: table; 
margin: 0 auto;
position: relative;
}

this set-up works great on a desktop but as screen size gets smaller the images of course align left.

What I would like is for the images to maintain their size and align center as the screen size gets smaller, in other words, responsive.

Can my code be coaxed to do this?

Thanks and I appreciate in an all help.