Why does my site's background image distort on mobile view?

[ddn24]

Hi Everyone,

I create a background image on my site, there is no problem on desktop, but when I switch to mobile, the background is completely distorted. Is there any solution for this?
Thanks for your help in advance! 

Theme: Motion theme v8.30 1

[ThePrimeWeb]

Hey @ddn24,

Can you share the link to your store?

[topnewyork]

Hi @ddn24,

To address the issue of distorted background images on mobile devices in your Motion theme, you can try the following solutions:

@media only screen and (max-width: 768px) {
    .your-background-class {
        background-size: cover;
        background-position: center;
        /* Add any other necessary adjustments */
    }
}

 Thank you

[ddn24]

In which file or any section of any file should I write this code?

Thank you!