Bootstrap 4轮播，带有缩略图动画问题

Question

我如何使我的网站看起来像所附设计？ attached design mockup

我的网站当前https://thesemfashion.com/product-detail.html

问题：

1. 轮播动画不太流畅，并且右侧有一些空白，而不是填充列的整个宽度

2. 如何在右侧显示缩略图，并使用上下滚动按钮

3. 消失的粘性标头符合预期，但是当我向下滚动时会有很大的空隙