Replace background on mobile view

Site URL: http://folkwisepr.com

The image I am using for my site background fits when viewing it in Desktop mode, but most of it is cut off when viewing in Mobile mode. Is there a way I can hide the background and display only a solid color in Mobile view only. Does this require customer CSS? If so, could someone please provide that?

Website: folkwisepr.com

2 hours ago, folkwisepr said:

Site URL: http://folkwisepr.com

The image I am using for my site background fits when viewing it in Desktop mode, but most of it is cut off when viewing in Mobile mode. Is there a way I can hide the background and display only a solid color in Mobile view only. Does this require customer CSS? If so, could someone please provide that?

Website: folkwisepr.com

try

@media only screen and (max-width: 640px) {
    section[data-section-id="6005a662b66f945334845a0b"] .section-background img {
      opacity: 0;
    }
    .light .section-background-overlay {
        background-color: #d2def9;
      opacity: 1 !important;
    }
}