.progress{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}

.progress .bluesvg {
    filter: invert(44%) sepia(18%) saturate(3632%) hue-rotate(192deg) brightness(105%) contrast(92%);
}

.progress .greensvg {
    filter: invert(38%) sepia(85%) saturate(354%) hue-rotate(76deg) brightness(104%) contrast(82%);
}

.progress .greysvg {
    filter: invert(68%) sepia(0%) saturate(807%) hue-rotate(195deg) brightness(88%) contrast(83%);
}

.progress .redsvg {
    filter: invert(29%) sepia(66%) saturate(2299%) hue-rotate(345deg) brightness(83%) contrast(105%);
}