Containing section background image

Site URL: https://www.davisandcointeriors.com.au/full-interior-service

Hi All,

I'm building a website in 7.1 and I'm struggling to contain a section background image OR find a more appropriate solution.

As you can see from the attached image, the items in the image are on the sides.  When viewed on smaller screens, rather than the image being scaled down, the image crops to the point where the items are no longer visible.  This is clearly not what the client wants.  I've tried added custom CSS, but it's just not doing anything.  

Any help would be greatly appreciated.

EN

Which image? You can insert image then we can check easier?

Haha...sorry.  Should've thought about that.  The filename in the code is backgroundflatlay2.jpg

Hopefully you're able to help.  

Thanks, E

Saved your questions, will check soon this week.

Too many questions

Wow...ok, no problem.  Thank you.  I appreciate your help.

 Hi,

Try adding to Home > design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="5ec8e536ad76516658cabba2"] .section-background img {
    object-fit: unset !important;
}
}