How to position items responsively using css that can't be arranged easily in css grid?

Question

new to development here and have designed a personal portfolio site that has give me a headache (with placeholder images). Home Page of Portfolio

The nav is fixed to