Change banner photo on mobile

Site URL: https://dandelion-cowbell-5hbk.squarespace.com/

Hello, I would like to know if it would be possible to change the photo on the banner in my website home into another photo for mobile and small screens. Unfortunately, I haven't found how to do it 😞

Can you add 2 banners?

Hi, yes, I've just added a banner below the first one

Add to Home > Design > Custom CSS

/* Hide banner 2 on desktop */
@media screen and (min-width:641px) {
section#mobile-intro {
    display: none;
}
}
/* Hide banner 1 on mobile */
@media screen and (max-width:640px) {
section#intro {
    display: none;
}
}

Genius! thanks so much !!!! 😁