我正在開發一個像下面的HTML和Jquery圖像(數字突出顯示)的頁面，我需要點擊放大文本。選定的數字應該顯示一個文本。但是我不確定如何使用轉換屬性來放大它。

這些數字的默認屬性如下

實際的

預期的

這是我的html代碼片段

<div class="feedback-rating-wheel-container">
  <div class="feedback-rating-wheel-carousel">
    <div class="feedback-rating-card">01</div>
    <div class="feedback-rating-card">02</div>
    <div class="feedback-rating-card">03</div>
    <div class="feedback-rating-card">04</div>
    <div class="feedback-rating-card">05</div>
  </div>
</div>

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.feedback-rating-wheel-container {
  height: 243.69px;
  padding-top: 38px;
  width: 100%;

  @include sm {
    height: 199px;
  }

  @include md {
    height: 248.69px;
  }
}

.feedback-rating-wheel-carousel {
  padding-top: 115px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 25px;
  position: relative;
  overflow: hidden;
 
  @include sm {
    padding-top: 48px;
    margin-left: 83px;
    margin-right: 83px;
    gap: 20px;
  }

  @include md {
    padding-top: 72.45px;
    margin-left: 275px;
    margin-right: 275px;
    gap: 34px;
  }
}

.feedback-rating-card {
  font-family: $font-regular;
  font-style: normal;
  font-size: 159px;
  line-height: 132px;
  font-weight: 400;
  text-align: right;
  color: #F2BB44;
}

我想知道如何使文本在點擊時被放大，以及如何使相同的容器在移動視圖中滾動。