How to reduce space between product images to no space at all (MOBILE)

[Svds]

i have been trying different codes for my refresh theme store but nothing seems to be working so far. the spacing between the product images on the product page need to be reduced to no space at all. 

STORE URL: https://facce-amsterdam.nl/

CODE I HAVE TRIED TO USE:

@media only screen and (max-width: 767px){

.card.card--standard.card--media {

    margin-right: 8px !important;

}}

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @Svds  You want remove space between image product like image here:
https://monosnap.com/direct/KoxlhnxUGyuEx1Y56JpS3v89LIUyys
Please  help me confirm and I will check it.
Thank you

Best regards,

Noah | PageFly

[PageFly-Noah]

Hi @Svds  Please add code here to file theme.liquid and above tag </body>:

<style>

 
@media screen and (max-width: 749px) {
    .product .product__media-list .product__media-item {
        width: 100% !important;
    }
    .product .grid--peek.slider .grid__item {
        margin-left: 0px !important;
    }
}

</style>

Thank you !

[Svds]

unfortunately it did not work, it only pushed pictures more to the right side of the screen i need the picutures to cover the whole screen. 

[BSSCommerce-B2B]

Hi @Svds,

I have tried this code

.thumbnail-slider .thumbnail-list.slider--tablet-up {
    display: flex;
    padding: .5rem;
    flex: 1;
    scroll-padding-left: .5rem;
    gap: 0;
}

The result below 

If you need any additional requirements, please let me know. I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day!