Issues with overlapping content on mobile site (desktop is perfect) "release theme"

let come: Sale channels → Online Stores → Themes → choose your theme → click Edit code.

Search file base.css then add that code to the end of this file:

@media screen and (max-width: 480px) {
  .section-full-width-banner:has(.media > *)
    .media-position--background
    .section-full-width-banner__content {
    padding-inline: 16px;
    padding-block: 6px;
  }
}