.CDD-invert img {
filter: invert(100%);
}
.CDD-white img {
filter: contrast(0) brightness(100);
}
.CDD-red img {
filter: brightness(0%) contrast(0%) sepia(100%) saturate(1000);
}
.CDD-yellow img {
filter: brightness(0%)contrast(0%)sepia(100%)saturate(15)hue-rotate(30deg)saturate(10);
}
.CDD-orange img {
filter: brightness(0%)contrast(0%)sepia(100%)saturate(10);
}
.CDD-green img {
filter: brightness(0%) contrast(0%) sepia(100%) saturate(1000) hue-rotate(120deg);
}
.CDD-cyan img {
filter: brightness(0%)contrast(0%)sepia(100%)saturate(15)hue-rotate(180deg)saturate(10);
}
.CDD-blue img {
filter: brightness(0%) contrast(0%) sepia(100%) saturate(1000) hue-rotate(-120deg);
}
.CDD-purple img {
filter: brightness(0%)contrast(0%)sepia(100%)saturate(15)hue-rotate(-140deg)saturate(10);
}