.progress-bar-container {
    position: relative;
    width: 100%;
    height: 10vw; /* Use viewport width for responsive height */
    max-height: 50px; /* Ensure it doesn't get too large */
    background: url(../img/roadfinish.png) no-repeat center center;
    background-size: cover;
    border-radius: 25px;
    margin-bottom: 20px;
  }

  .progress-bar {
    position: absolute;
    height: 100%;
    width: 0;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 25px;
    transition: width 0.3s;
  }

  .car-icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 10vw; /* Use viewport width for responsive size */
    max-width: 100px; /* Ensure it doesn't get too large */
    height: 10vw; /* Use viewport width for responsive size */
    max-height: 100px; /* Ensure it doesn't get too large */
    background: url(../img/car-icon.png) no-repeat center center;
    background-size: contain;
    transition: left 0.3s;
  }

  .confetti-icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 10vw; /* Use viewport width for responsive size */
    max-width: 100px; /* Ensure it doesn't get too large */
    height: 10vw; /* Use viewport width for responsive size */
    max-height: 100px; /* Ensure it doesn't get too large */
    background: url(../img/confetti.gif) no-repeat center center;
    background-size: contain;
    display: none; /* Initially hidden */
  }