Getting rid of grey when hover image on spotlight theme

[gihan7575]

As you can see, when you hover over a product on my collection page there's this greyness that appears as you hover. I want to remove it.

https://lobonewyork.com/collections/all-bags

[Raj-webdesigner · Accepted solution]

Follow Step

1) Open Edit Code

2) Find Base.css File

3) Open  base.css File And Ctrl + F and Past Than Find This Line  

.media>img

After 
Show This Code 

.media>img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

Chage This Code With Below Code

.media>img {
    object-fit: cover;
    object-position: center center;
    transition: auto .8s ease;
}

[gihan7575]

Thanks, I hated it so much it made my website look cheap and ugly 😁