Change margin for image:card on mobile?

Site URL: https://www.domaniquejazmindesigns.com/

Hi all! 

Is anyone able to help me come up with some coding to change the left & right margins on my image:card blocks for mobile? I know there is a slider to change this in site styles but I actually like the way it looks on desktop, just not happy with the extra spacing on mobile view. 

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.homepage .design-layout-card .image-card>div {
    padding-left: 5%;
    padding-right: 5%;
}
}

11 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.homepage .design-layout-card .image-card>div {
    padding-left: 5%;
    padding-right: 5%;
}
}

 

Thank you, this is working perfectly for the image card in the screen shot. However, there is an image card right underneath it (and on another page) and the margins don't seem to be aligning exactly the same? Any suggestions? 

remove .homepage in above code

Same problem here in 7.1

Site URL:
https://www.inneco.de/eco-premium-eco-basic

I would like to add more space after the icons (it's one image) in mobile view. (card view on desktop.)
Hope you can help me!

The url doesn't exist. Can you check again?