Change banner to remove angles when the page size get smaller

Site URL: https://tarantula-quillfish-w6xe.squarespace.com/

I am looking to remove the angle CSS I added as the browser window gets smaller and the burger menu turns on. The angle doesn't look good and I would like it to go back a straight line. Any ideas?

URL: https://tarantula-quillfish-w6xe.squarespace.com/

PW: !GCet0@E#8

So I used media query to remove the clippath, you can copy this snippet to Settings->Design->Custom Css

@media only screen and (max-width: 794px) {
    section[data-section-id="5f778a07eb03c60f7da3947c"] {
      clip-path: none !important;
  }
}