Getting rid of grey when hover image on spotlight theme

Store Design
, , , , ,
1

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

2

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;
}
3

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