How to fix a simple CSS animation?

Question

css

Here is such a simple code - an animation that makes the block "jump". How can I "speed it up" at the highest and lowest points? That is, when it rises, it seems to "freeze" there for a few moments, but it is necessary that it instantly bounce and not linger. How to achieve this?

Answer 1

Animation methods:

animation: animation linear 1s 0s infinite;
 /* linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1,x2,x3,x4) */

Taken from here