Using CSS class to animate individual elements from the drawing object

Ignition
1

I am trying to style individual elements in my pump drawing and when I add the style to the object itself it applies to all elements but when I add the style to on specific element it does not work. Below is my current style class and animations:

@keyframes psc-pmpALM-anim {
0%  { fill: #FF000055; }
100% { fill: #FF000088; }
0%  { stroke: #000000; }
100% { stroke: #FF0000; }
}

.psc-pmpALM path {
animation-name: psc-pmpALM-anim;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;

}
.psc-pmpAcked path {
stroke: #FF0000 !important;
fill: #FFBEBE !important;
}
.psc-pmpW path {
fill: #FFFFFF !important;
}
.psc-pmpG path {
fill: #B0B0B0 !important;
}