inline flex – elements area

Hi Support,

I hope you are doing well. I have a strange styling issue on a page that i am using for an element and it has me stumped. I am hoping you can help get me back on track. I have added the link to the page in the private area. Basically I created an element to hook after the primary navigation. It is an image with a background color that runs full length. I have the image area sized correctly and using inline – flex it get it positioned correctly but for some reason there is spacing underneath the photo. (Between the image and the start of the content area) You can see a sliver of the purple background and space on the bottom of the image.

Any thoughts how I can get rid of the space underneath? I double checked padding and margin for the containers and those look good.

Any help would be appreciated. I hope you have a great day!!

Thanks,
Will