I would suggest making an image grid for the projects, maybe a two-column grid that stacks to one-column at lower screen sizes. If you google
image grid css I’m sure there are many examples.
One quick option would be to give all the projects a new grid container and move the grid from
#project-container to it.
box-shadow: 2px 2px 5px black;
padding: 20% 0 20% 0;
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
/* the old margin that was on this is now grid-gap on the container instead */