How can I decrease mobile image size for my website?

Store Design
1

Hello, I’d like help with reducing the size of these 3 images/icons on the mobile version. Thanks in advance!

https://wowberrybites.myshopify.com/

winnado11_0-1638945998333.png
winnado11_0-1638945998333.png524×959 91.8 KB

2

Hi @winnado11

I hope you are doing good !

You can add this code in css file

@media(max-width:767px){
    #shopify-section-1623276090444d7601 img.custom-content__image {
        width:100px !important;
    }
}

Thanks

3

@hawkscode Thanks for the code. The image does reduce, which is exactly the size I want. However, the problem is that it’s not in the center of its own grid/ block. Do you know how to adjust that to the center?

Thanks for your time and help in advance!

winnado11_4-1639028426931.png
winnado11_4-1639028426931.png931×886 243 KB

4

@hawkscode

How can I do it on the desktop version? (not the mobile)