.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.carousel-wrapper {
  width: 100%;
  max-width: 1200px; /* 设置最大宽度，根据需要进行调整 */
  z-index: 1; /* 设置一个较高的 z-index 值，以确保在页面顶部显示 */
}

.component-wrapper {
  height: 48vh;
  width: 100%;
  max-width: 1200px; /* 设置最大宽度，与轮播图容器相同 */
  margin-top: 20px; /* 调整与轮播图的间距，根据需要进行调整 */
  overflow: hidden scroll;
}
