Newbie to web design needs help with scaling issues

Hello my name is Cole and I’m working on a portfolio site for my typography class. It’s looking good however there is a glaring issue, as you see my site is experimental and all the buttons are just images with links attached. when I scale the window down the images will crunch up and currently don’t want this to be the case. at best I’d like the whole head just to shrink. is there a way I can achieve this? Side note im not very good with code. screenshot of the problem below.


I’m trying to make it look like this at all times. heres the website: https://colesmxth.com/index.php/allinmyheader/

I would use a single image with a responsive image map. Draw Attention – WordPress plugin | WordPress.org