图片尺寸差异导致轮播布局偏移？求React/CSS解决方案

• 轮播组件完全在视口内时，点击切换按钮无布局偏移；但当轮播部分超出视口时，切换到尺寸不同的图片会出现布局下移的情况。
• 编写代码时已考虑响应式布局下的图片尺寸差异，但仍出现该问题，排查一天未找到原因。
• 尝试给.img设置height: 100%可解决偏移，但会改变轮播原有运行逻辑，不想采用此方案。
• 不确定问题出在React代码还是CSS上，希望找到方法让轮播在部分超出视口时的表现和完全在视口内一致。

问题示意图：


（滑动到尺寸不同的紫色图片时，轮播立即下移）

内容的提问来源于stack exchange，提问作者hansf14