Grid Gallery and Text not aligned

Site URL: https://vickyliszew.com/

When you zoom in or out on the homepage with a laptop, the grid gallery does not align with the text. I find it very difficult to keep them aligned, it is also very inflexible to play around with the design of the grid gallery. Anyone can let me know how I could keep the grid and text aligned?

Thanks!

Add to Home > Design > Custom CSS

.homepage #page section:first-child .content-wrapper {
    max-width: 100%;
}

Thanks a lot! @tuanphan how could I apply this to my top menu bar too?

19 hours ago, Vicky said:

Thanks a lot! @tuanphan how could I apply this to my top menu bar too?

.homepage #page section:first-child .content-wrapper, header#header {
    max-width: 100%;
}