Javascript 图像转盘HTML/JS/CSS

请帮忙。我的网站上有一个图像传送带。调整浏览器大小时，旋转木马会相应调整，但图像和标题文本会被剪切。你能给我一个关于如何使其响应的反馈吗？提前感谢您的帮助

$（函数（）{
$（“#幻灯片”）。幻灯片({
效果：“褪色”，
是的，
fadeSpeed:1200，
预加载：正确，
预加载图像：“images/loading.gif”，
播放：4000，
暂停：2500，
幻灯片速度：1000，
悬停：错误
});
});

.slides\u容器{
宽度：100%；
高度：459px；
溢出：隐藏；
位置：相对位置；
显示：块；
保证金：0px自动；
-网络工具包盒阴影：0px 5px 3px#E3E4E7；
盒影：0px 5px 3px#E3E4E7；
}
.滑梯/容器a{
宽度：100%；
高度：459px；
保证金：0自动；
显示：块；
}
.slides\u容器a img{
显示：块；
最大宽度：100%；
高度：自动；
}
.图像和文本{
宽度：600px；
位置：绝对位置；
最高：55%；
左：30%；
字体大小：粗体；
高度：自动；
填充：20px；
字体大小：50px；
颜色：rgba（66,66,66,1.00）；
文本对齐：居中；
线高：50px；
背景：#FFFFFF；
不透明度：0.7；
过滤器：alpha（不透明度=70）；/*适用于IE8及更早版本*/
字体系列：“Capsuula”，圣衬线；
字母间距：1.5px；
边界半径：8px；
}
.分页{
边缘顶部：315像素；
左边距：930px；
宽度：100px；
位置：绝对位置；
z指数：99；
顶部：297px；
左：-3px；
}

标题1
标题2
标题3

使用此参考了解如果宽度属性设置为100%，图像将响应并上下缩放：