Footer Image size for Mobile & Desktop

Site URL: https://www.zaweyati.com/

Hi I recently added a background image to my footer and while it looks great on desktop, it gets cut off in mobile view. Is there a size recommendation for the image to work on both views? What else can I do?

Thank you 

Add this to Design > Custom CSS to add new image on mobile. Replace with your image url

/* mobile footer img */
@media screen and (max-width:767px) {
footer.sections .section-background {
    background-image: url(https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
footer.sections .section-background img {
    visibility: hidden;
}
}