Header display problem

Hello,

The div called middle-section-image is overflowing from the parent div home-hero-content . Thing is that, there’s display flex applied, and when I try parent div width 100%, or child div 100%, still doesn’t work.

Maybe you guys can take a look with inspect element by visiting the website:

Thing is that, I can’t seem to find the solution on WebFlow’s editor. I can’t center the div inside the parent.

Fig 1. home-hero-content (Parent)

Fig 2. middle-section-image (Child)

Here is my site Read-Only