How to remove glitches with the box-shadow property in css?

Question

css

Hello, I made an element, when you hover over it, it should have a shadow below and on the right. I did it with hover and the transition property:

.partners_column_item_img{
  margin-bottom: 30px;
  padding: 30px 0;
  cursor: pointer;
  transition: all 0.25s linear 0s;
}

.partners_column_item_img:hover{
  box-shadow:
  1px 0px rgb(209,209,209), 1px 1px rgb(146,147,150),
  2px 1px rgb(208,208,208), 2px 2px rgb(145,146,149),
  3px 2px rgb(207,207,207), 3px 3px rgb(144,145,148),
  4px 3px rgb(206,206,206), 4px 4px rgb(143,144,147);
}

Everything is fine, everything is fine, everything works, but when I move the cursor away from the element, bars remain on the right:

They disappear when the page is scrolled, as well as if you hover over other elements several times. They do not always arise, when I took a screenshot, I had to refresh the page 3 times so that this glitch appeared and I could screenshot it.
Checked for Y. Browser, Chrome.
What is it? How to fix?