Custom code to have different images on the mobile version

Hi everyone, 

I am seeking your help to switch the two client logo images when they appear on Mobile.

The 4 x 4 grid looks good on the website but on mobile, it's too small. I have created an alternative logo PNGS for the mobile version.

Link: https://www.imuaconsultancy.com/clients-1 

Thank you in advance for your help! 

I think you can use Gallery Block, set 4 items/row on desktop, then we can use CSS to change it to 2 items/row on mobile.

But if you still want to use Image, use this code to Website Tools > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1726518364200_34409 {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2024_10/Imuaclientlogoswitch.thumb.jpg.06b011f7ca192e4c58fb4e53e7e752f5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
div#block-yui_3_17_2_1_1726518364200_34409 img {
    visibility: hidden !important;
}
}