Trying to resolve an SVG issue I'm having that involves hiding and showing

HTML & CSS
2

I tried this:

It hides the svg’s on the blue background, but then their not visible on the gray background, which I want them to be.

Only 1 svg is visible on hover.

I’m confused on how I would get this to work.

.wraph.inactive .playa,
.playb,
.playc,
.playd,
.playe,
.playf,
.playg,
.playh,
.playi  {
  display: none;
}

.wraph.inactive a {
  display: none;
}