#dashboardbox {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      background: #222;
      padding: 10px;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      z-index: 10;
    }

    #steeringImg {
      width: 120px;
      height: 120px;
      transition: transform 0.2s ease;
    }

    #reverseBar, #forwardBar {
      width: 30px;
      height: 120px;
      background: #333;
      border: 1px solid #555;
      border-radius: 4px;
      overflow: hidden;
      position: absolute;
      bottom: 10px;
      z-index: 10;
    }

    #reverseBar {
      left: calc(50% - 81px - 10px - 20px);
    }

    #forwardBar {
     left: calc(50% + 70px + 10px);
    }

    #reverseFill, #forwardFill {
      width: 100%;
      height: 0%;
      position: absolute;
      bottom: 0;
      transition: height 0.2s ease;
    }

    #reverseFill {
      background: rgb(204, 5, 5);
    }

    #forwardFill {
      background: rgb(13, 133, 13);
    }

  #powerlabel {
  font-size: 20px;  /* Kleinere tekst dan snelheid */
  color: white;
  position: absolute;  /* Maak de positie absoluut binnen de speedbox */
  bottom: 10px;  /* Zet de power aan de onderkant */
  left: 25px;  /* Zet de power helemaal links */
}

#gearlabel {
  margin-top: 4px;
  font-size: 20px;
  font-weight: bold;
}