Remove borders around products, code works for desktop not for mobile

[hrecommerce]

Hi you guys, 

i am using this css code in base.css to have no borders around the products: .
"card.card--card.card--media.color-background-1.gradient {
border: none !important; "

It looks like this: 

but on mobile it still looks like this:

Can someone help me out please? 

Thank you!

[hrecommerce · Accepted solution]

Just found out how to fix this xD

Okay what you need to do is just put the code into customized css place on the page it self.