Divs pushing other divs outta way on purpose?

I have had an issue with trying to get info-div in red to bump out and push the container over and off the screen. I finally got it “kind of” for some reason the info-divs are different sizes on different pages. I believe this is happening due to the flex settings as some items hold their ground a bit more and push back against the info-div, but on the projects page the info-div comes out all the way but the container then smooshes. I’m not sure whats the workaround this is? I might have to restructure this but not sure how. I have spent the last 8 hours playing with different flexbox settings on the elements to get them to do what I would like them to do.

https://preview.webflow.com/preview/jamies-website-20ea27?utm_medium=preview_link&utm_source=designer&utm_content=jamies-website-20ea27&preview=baee5eb2d25d0d76bba421cea5cf0f16&workflow=preview

Any help would be greatly appreciated.

Thanks


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