如何在旋转木马滑块中降低图像高度

<div class="carousel">
  <div class="slide">
    <img src="image.jpg" alt="Image" class="image">
  </div>
  <div class="slide">
    <img src="image.jpg" alt="Image" class="image">
  </div>
  <div class="slide">
    <img src="image.jpg" alt="Image" class="image">
  </div>
</div>

.carousel {
  display: flex;
  width: 100%;
  height: 300px; /* 调整滑块容器的高度 */
  overflow: hidden;
}

.slide {
  flex: 0 0 33.33%;
}

.image {
  width: 100%;
  height: 200px; /* 降低图像高度 */
  object-fit: cover;
}