.container {
  display: grid;
  place-content: center;
  place-items: center;
}
.container img{max-width:200px;height:auto;}

html,
body {
  height: 100%;}
.container {
  height: 100%;}

.shake-up {position: absolute;
    animation: shake-up 5s infinite ease-in-out;
}

@keyframes shake-up {
    0%, 100% {
        transform: translateY(-55%);
    }
    50% {
        transform: translateY(-52%);
    }
}

#s1,#s2,#s3 {color:#666666;
display:inline-block;
overflow:hidden;
white-space:nowrap;
width:0%;
}
#s1 {
animation:s1 45s infinite;
}
@keyframes s1 {
      0% { width:0em; }
      10% { width: 16em; }
      20%{ width:16em; }
      25%{ width:0em; }
      80%{ width:0em; }
      85%{ width:0em; }
      100% { width:0em; }
}
#s2 {
animation:s2 45s infinite;
}
@keyframes s2 {
      0% { width:0em; }
      30% { width:0em; }
      40% { width:21em; }
      50% { width:21em; }
      55%{ width:0em; }
            80%{ width:0em; }
             85%{ width:0em; }
      100% { width:0em; }
}
#s3 {
animation:s3 45s infinite;
}
@keyframes s3 {
      0% { width:0em; }
      60% { width:0em; }
      70%{ width:20em; }
      80%{ width:20em; }
      85%{ width:0em; }
             90%{ width:0em; }
      100% { width:0em; }
}