How can I resize my banners for mobile viewing?

@Abdosamer

Thank you so much, this worked, but on my chrome doesn’t work properly? Only on safari and brave it updated but not on chrome , what do you think might be the reason? Is it Chrome thats causing it?

Also , in terms of ‘‘row empty space’’ code - i dont want to remove the empty space, i am wanting to extend the image so its more wide so it covers the whole section rather than adding empty space. Is that an option? I want to keep desktop version the same but mobile would have to be wider (see photo)

Also,