添加图片时，请避免调整滑块大小

Question

我正在制作一个基础为https://codepen.io/naomilea/pen/XjbXVE

的滑块

我想添加其他图片，当我添加一张尺寸大于已添加图片的图片时，整个滑块的大小会发生变化。有没有办法避免这种情况发生或将图像调整为已添加的图像？

我正在尝试调整CSS中的图像大小。 我调整了HTML以便更好地适应我，但没有改变CSS的任何东西

这是HTML

    <div id=slides>
        <div id=overflow>
            <div class=inner>
                <article>
                    <img src="aboutuscoffee.jpg" />
                </article>
                <article>
                    <img src="#"/>
                </article>
                <article>
                    <img src=http://csscience.com/responsiveslidercss3/MountainOutpostByBjzaba.png />
                </article>
                <article>
                    <img src=http://csscience.com/responsiveslidercss3/CliffsByBjzaba.png />
                </article>
            </div>