<div id="wrapper">
  <img src="https://fastcoding.jp/blog/wp-content/uploads/2021/01/logo.png" alt="" width="350" class="slideInup"  />
</div>

#wrapper{
  display: block;
  width:100%;
  text-align:center;
  margin:70px auto;
}

@keyframes slideInup {
  0% {
    opacity: 0;
    transform: translate(0,150px);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}

.slideInup {
  animation-name: slideInup;
  animation-duration: 2s;
  animation-timing-function: ease;
}