Rostyk Ice: насколько я знаю vmin/vmax не работают в ни в одном ие, и даже в edge.
всё правильно вам сказали про адаптивность и %, просто бывают случаи когда удобно использовать именно vw/vh. важно помнить, что эта величина считается от размеров окна браузера, а проценты от родителя
неплохой вариант, рабочий
единственное - я бы классы раздавал с нужными свойствами, а не строго классу свойство задавал
а для такой задачи сойдет и transform с transition вместо @keyframes
помогли и на этом спасибо