.course-top {
    position: relative;
    overflow: hidden;
    /* 自転車がはみ出した部分を隠す */
}

/* 自転車グループ */
.course-top .bike {
    position: absolute;
    bottom: 0;
    /* 上下位置はお好みで調整 */
    left: 0;
    /* JSで x を制御するので初期は左0でOK */
    display: inline-flex;
    align-items: center;
    will-change: transform;
    pointer-events: none;
    transform-origin: 50% 50%;
}

/* 前輪・後輪共通 */
.course-top .wheel {
    width: 25px;
    /* 実際のPNGに合わせる */
    height: 25px;
    transform-origin: 50% 50%;
    user-select: none;
}

/* フレーム部分 */
.course-top .frame {
    height: 25px;
    /* 車輪と高さを合わせる */
    width: auto;
    user-select: none;
    transform: translateY(-12px);
    margin-left: -15px;
    /* 前輪に食い込むように重ねる */
    margin-right: -14px;
    /* 後輪にも食い込む */

}