/* Source: ChatGPT */
.meter-container {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #ddd;
    border-radius: 15px;
    overflow: visible;
}

.meter-bar {
    position: absolute;
    width: 100%;
    height: 100%;
}

.meter-fill {
    height: 100%;
    background-color: #4caf50;
    transition: width 0.3s ease;
    border-radius:15px;
}

.meter-image {
    position: absolute;
    top:-25px;
    transform: translateX(-50%);
    overflow: visible;
}

.meter-image img {
    width: 60px;
    height: 65px;
    object-fit: cover;
}