Elements warped on certain mobile portrait sizes only

Link: Webflow - Mobilegrowth.org

My design looks fine in the standard mobile portrait view (479px):

but when I scale down, the top banner elements get warped:

I thought adding padding would help but no dice. I also tried adjusting the height % but nope.

Is there a solution?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)