Weird SVG size bug

Hello guys,

I am working on a project for school where we had to design and develop a
website for a new and unusual restaurant concept.

I have made all my illustrations as vectors so they would appear pixel-perfect
on my website.

Now the problem is when i view this website on my own computer everything looks fine.
But when i upload it to the schools server the size of my svg’s is way too small, but when i reload the page, some of the images have the correct size, when i reload again they are too small again.

Here’s the link to my website:
http://student.howest.be/robbe.callewaert/website%20copy/menu.html

I have no idea what causes this problem since i have defined
the size of the images both in html and in CSS.

If you guys could help me out that would be great!

Thank you!

(edit): the problem appears in the “main dishes” and “deserts” sections.

404 here.