Максим

текст можно менять в размере через :
1) @media screen and (size)
2) font-size:2.5vh;

https://youtu.be/-5jBxqhx7oE

вот эту ?

мне только кнопки не понравились

а всё остальное нормально работает

заказчик всегда прав : но рассудит его только время , если он хочет анимацию значит сделайте , иначе это сделает кто то другой и срубит бабки

у вас просто position:absolute; а если указать полностью position:absolute; top:0;left:0;так margin становится не авторитетом для абсолютных элементов

по моему вчера этот вопрос был - пример от туда : codepen.io/lukejacksonn/pen/BowbWE

а ваше меню вообще работает ? я не увидел ни какой работоспособности его, чуть клавиатуру не сломал - тыкаю и тыкаю и бестолку

codepen.io/Geyan/pen/OXKQVo?editors=110 это будет работать в -webkit- только . Для броузеров не -webkit- надо писать svg , и кстати следи за ответами на ruSO

в вашем случае это сделать не возможно , скорее всего , так как viewBox у вас ограничен размером и path у вас в pixel , для этого надо сохранить изображение в SVG и выкладывать как background , что проще на png сделать

https://toster.ru/search?q=%D0%BF%D0%BB%D0%B0%D0%B...

хоть лопни всё нормально у меня -- проблему не увидел

calc (); работает везде : https://jsfiddle.net/Geyan/9z8u92dh/4/ , проверил с 4 устройств

а если отправлять не в <table></table> а в <div></div> ? это поможет ?