Eyelids SVG/CSS animation

CSS

@keyframes eyelids {
  0%{
      transform: translateY(0px);
  }  
  27.5%{
      transform: translateY(2px);
  }
  30%{
      transform: translateY(2px);
  }
  35%{
      transform: translateY(0px);
  }
  45%{
      transform: translateY(0px);
  }
  100%{
      transform: translateY(0px);
  } 
}
#left-eyelid, #right-eyelid { 
  animation: eyelids 4s linear infinite;
}