Hi
I have coded in a background to my desktop website with the following code
.gradient {
background: var(–gradient-background);
background-attachment: fixed;
background-image: url(https://cdn.shopify.com/s/files/1/0739/8699/8545/files/Beige_straight_save.jpg) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: 100% 100%;
background-repeat: no-repeat;
}
On my desktop website the image is perfect
But on the mobile website it is all stretched and not looking good.
Any help with the code to make the mobile website background photo fit nicely.
Thank you