Uploading an alternative image for mobile

Site URL: https://www.kokopelli.london/services

Hello

I have an alternative graphic/image I would like to upload for mobile which will be more mobile friendly. Is there some code someone could recommend which would enable me to have an alternative image when viewed on mobile?

Thanks in advance!

Hi,

Which section are you referring to? We can check easier

Hello,

It’s this section attached. I’m looking to add a narrower graphic when viewed on mobile.

Thanks in advance 

17 hours ago, LauraRT said:

Hello,

It’s this section attached. I’m looking to add a narrower graphic when viewed on mobile.

Thanks in advance 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-4c938d3a0bbe38d857be img {
    content: url(https://cdn.pixabay.com/photo/2022/05/13/15/46/flower-7194038__340.jpg);;
}
}

Thanks!

Hi what about images on scrollers? how do i customise the mobile version with alternative graphics? thank you

23 hours ago, ayeyezed said:

Hi what about images on scrollers? how do i customise the mobile version with alternative graphics? thank you

Can you share link to page where you use image? I can check this case easier